jQuery基础

jQuery 选择器

1
2
3
4
5
6
7
8
9
10
11
12
$("*")//选取所有元素
$(this)//选取当前 HTML 元素
$("p")//所有 <p> 元素
$("p.intro")//选取 class 为 intro 的 <p> 元素
$("p:first")//第一个 <p> 元素
$("tr:odd")//所有奇数 <tr> 元素
$("p:hidden")//所有隐藏的 <p> 元素
$("ul li:eq(3)")//列表中的第四个元素(index 从 0 开始)
$("ul li:lt(3)")//列出 index 小于 3 的元素
$("[href]")//所有带有 href 属性的元素
$("a[target!='_blank']")//选取所有 target 属性值不等于 "_blank" 的 <a> 元素
$(":button")//选取所有 type="button" 的 <input> 元素 和 <button> 元素

jQuery 事件

在元素上移动鼠标。
选取单选按钮
点击元素

1
2
3
4
5
$(document).ready(function)// 将函数绑定到文档的就绪事件(当文档完成加载时)
$(selector).click(function)// 触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function)// 触发或将函数绑定到被选元素的双击事件
$(selector).focus(function)// 触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function)// 触发或将函数绑定到被选元素的鼠标悬停事件

jQuery 效果函数

1
2
3
4
5
animate()// 对被选元素应用“自定义”的动画
hide()// 隐藏被选的元素
show()// 显示被选的元素
fadeIn()// 逐渐改变被选元素的不透明度,从隐藏到可见
fadeOut()// 逐渐改变被选元素的不透明度,从可见到隐藏

jQuery 文档操作方法

1
2
3
4
5
6
7
8
9
addClass()// 向匹配的元素添加指定的类名。
after()// 在匹配的元素之后插入内容。
append()// 向匹配元素集合中的每个元素结尾插入由参数指定的内容。
appendTo()// 向目标结尾插入匹配元素集合中的每个元素。
attr()// 设置或返回匹配元素的属性和值。
before()// 在每个匹配的元素之前插入内容。
clone()// 创建匹配元素集合的副本。
detach()// 从 DOM 中移除匹配元素集合。
empty()// 删除匹配的元素集合中所有的子节点。

jQuery 遍历方法

1
2
3
4
5
6
7
8
9
10
11
12
13
.find()// 获得当前匹配元素集合中每个元素的后代,由选择器进行筛选。
.first()// 将匹配元素集合缩减为集合中的第一个元素。
.has()// 将匹配元素集合缩减为包含特定元素的后代的集合。
.is()// 根据选择器检查当前匹配元素集合,如果存在至少一个匹配元素,则返回 true。
.last()// 将匹配元素集合缩减为集合中的最后一个元素。
.map()// 把当前匹配集合中的每个元素传递给函数,产生包含返回值的新 jQuery 对象。
.next()// 获得匹配元素集合中每个元素紧邻的同辈元素。
.nextAll()// 获得匹配元素集合中每个元素之后的所有同辈元素,由选择器进行筛选(可选)。
.nextUntil()// 获得每个元素之后所有的同辈元素,直到遇到匹配选择器的元素为止。
.not()// 从匹配元素集合中删除元素。
.offsetParent()// 获得用于定位的第一个父元素。
.parent()// 获得当前匹配元素集合中每个元素的父元素,由选择器筛选(可选)。
.parents()// 获得当前匹配元素集合中每个元素的祖先元素,由选择器筛选(可选)。

jQuery 教程
jQuery
jQuery
jQuery基础

文章目录
  1. 1. jQuery 选择器
  2. 2. jQuery 事件
  3. 3. jQuery 效果函数
  4. 4. jQuery 文档操作方法
  5. 5. jQuery 遍历方法
,