目录：

1. 简介

2. 添加JQuery库

3. 语法

4. 选择器

5. 事件

简介

JQuery是一个JavaScript函数库，是目前最流行的 JS 框架。

JQuery官方的主旨是：write less, do more（以更少的代码，实现更多的功能）

添加JQuery库

• 网络添加

1. 百度静态公共库：http://cdn.code.baidu.com/

2. 新浪静态公共库：http://lib.sinaapp.com/

3. Bootstrap中文网开源项目免费CDN加速服务 http://www.bootcdn.cn/
   

• 本地

本地添加 JQuery

语法

基础语法： $(selector).action()

• 美元符号定义 jQuery

• 选择符（selector）"查询"和"查找" HTML 元素

• jQuery 的 action() 执行对元素的操作

选择器

（一）基本

• #id：根据给定的ID匹配一个元素

• element：根据给定的元素名匹配所有元素

• .class：根据给定的类匹配元素

• * ：匹配所有元素

注意：要引用JQuery-1.12.4.js文件才有效果

1

2

3

（二）层级

• selector1,selector2,...,selectorN ：将每一个选择器匹配到的元素合并后一起返回

• ancestor descendant：在给定的元素下匹配所有的后代元素

• parent >child：在给定的元素下匹配所有的子元素

• prev + next：匹配所有紧接在 prev 元素后的 next 元素

• prev ~ siblings ：匹配 prev元素之后的所有 siblings 元素

事件

（一），单击事件

click() 方法是当按钮点击事件被触发时会调用一个函数。

代码

单击按钮效果图

（二），双击事件

当双击鼠标右键时，会发生 dblclick() 事件。

以下事件方法参考“双击事件”，代码格式可能一样的。

下面与事件有关的方法

1. mouseenter()当鼠标指针穿过元素时，会发生 mouseenter() 事件。

2. mouseleave()当鼠标指针离开元素时，会发生 mouseleave() 事件

3. mousedown()当鼠标指针移动到元素上方，并按下鼠标按键时，会发生 mousedown() 事件

4. mouseup()当在元素上松开鼠标按钮时，会发生 mouseup 事件。

5. hover()方法用于模拟光标悬停事件。

6. focus()当元素获得焦点时，发生 focus 事件。

7. blur()当元素失去焦点时，发生 blur 事件。