Answer：web crawler question 2

概述

2、python库jQuery是基于JavaScript的第三方库，二、JavaScript是web客户端的脚本语言，难道jQuery是基于JavaScript语言编写的客户端的脚本语言的第三方库？python的第三方库和CSS选择器的关系？（关系库是：find、findAll、find_element_by_id）

jQuery产生的背景

　　Python执行JavaScript代码的效率非常低，既费时又费力，尤其是处理规模较大JavaScript代码时，如果有绕开JavaScript并直接解析它的方法（不需要执行JavaScript代码就可以获得信息）会非常实用，可以降低获取信息的难度。jQuery是一种JS框架。

一、jQuery

1、jQuery安装教程：https://www.runoob.com/jquery/jquery-install.html

2、jQuery库是一个基于JavaScript语言的JavaScript 文件

3、jQuery语法（XPath 与 CSS 选择器语法的组合）：$(selector).action()，$定义 jQuery；选择符（selector）"查询"和"查找" HTML 元素；action() 执行对元素的操作

$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});

注：1、$(document).ready(function(){.. .}：jQuery 函数位于一个 document ready 函数中是为了防止文档在完全加载之前运行 jQuery 代码（在 DOM 加载完成后才操作 DOM ）

　　 2、jQuery 的入口函数是在 html 所有标签(DOM)都加载之后，就会去执行；JavaScript 的 window.onload 事件是等到所有内容，包括外部图片之类的文件加载完后，才执行

4、jQuery库使用：通过HTML中标签调用jQuery：<script>. . .</script>

# jquery库文件在本地并且与网页组成的各个文件在同一目录
<head>
<script src="jquery-1.10.2.min.js"></script>
</head>
# 调用CDN中的 jquery 库
<head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
</head>

二、jQuery结构体

1、

三、jQuery模块和功能

1、jQuery 选择器

# jQuery 选择器允许您对 HTML 元素组或单个元素进行操作
# 通过 HTML 元素的 id 属性选取指定的元素：$("#test") 
# 通过指定的 class 查找元素：$(".test") 
# 基于元素名选取元素：$("p")

2、jQuery 事件：页面对不同访问者的响应叫做事件，主要包含：鼠标事件、键盘事件、表单事件、文档/窗口

# jQuery事件
# 1、在元素上移动鼠标。
# 2、选取单选按钮
# 3、点击元素

2.1、鼠标单击事件：click()，鼠标双击事件：dblclick()当按钮点击事件被触发时会调用一个函数

$("p").click(function(){
  $(this).hide();
});

$("p").dblclick(function(){
  $(this).hide();
});

2.2、鼠标移动：1、当鼠标指针穿过元素时：mouseenter()；2、当鼠标指针离开元素时：mouseleave()；3、当鼠标指针移动到元素上方：mousedown()；4、当在元素上松开鼠标按

钮时：mouseup()；5、模拟光标悬停事件：hover()；6、通过鼠标点击选中元素或通过 tab 键定位到元素时，该元素就会获得焦点：focus()；7、该元素失去焦点时：blur()

# 当鼠标指针穿过元素时
$("#p1").mouseenter(function(){
    alert('您的鼠标移到了 id="p1" 的元素上!');
});
# 当鼠标指针离开元素时
$("#p1").mouseleave(function(){
    alert("再见，您的鼠标离开了该段落。");
});
# 当鼠标指针移动到元素上方
$("#p1").mousedown(function(){
    alert("鼠标在该段落上按下！");
});
# 当在元素上松开鼠标按钮时
$("#p1").mouseup(function(){
    alert("鼠标在段落上松开。");
});
# 模拟光标悬停事件
$("#p1").hover(
    function(){
        alert("你进入了 p1!");
    },
    function(){
        alert("拜拜! 现在你离开了 p1!");
    }
);
# 通过鼠标点击选中元素或通过 tab 键定位到元素时，该元素就会获得焦点
$("input").focus(function(){
  $(this).css("background-color","#cccccc");
});
# 该元素失去焦点时
$("input").blur(function(){
  $(this).css("background-color","#ffffff");
});

2.3、显示和隐藏元素：jQuery hide() 和 show()；jQuery toggle()可以切换 hide() 和 show() 方法

　　　　语法：　$(selector).hide(speed,callback)、$(selector).show(speed,callback)、$(selector).toggle(speed,callback)

$(document).ready(function(){
  $(".hidebtn").click(function(){
    $("div").hide(1000,"linear",function(){
      alert("Hide() 方法已完成!");
    });
  });
});

$("button").click(function(){
  $("p").toggle();
});

2.4、

原文地址：https://www.cnblogs.com/yinminbo/p/12020198.html