Skip to content
On this page

jquery 中文文档地址

选择器

基本选择器

image.png

筛选选择器

#a li:first  第一个
#a li:last  最后一个
#a li:eq(0)  选择第几个
#a li:gt(2)  从第三个开始
#a li:lt(2)  小于3之前的
#a li:odd  偶数个
#a li:even  奇数个
#a li:not(.item)  在a的li中排除掉class为item的
:first 前面啥都不写 等同于 *:first
:header 选择所有的h标签
:focus 获取焦点的标签 如input:focus
:root 根元素,其实就是html标签,body
:target 锚点指向的元素 即页面url中 地址后面#aaa 中的aaa标签
:lang(zh)  指定语言

内容选择器

image.png

可见性选择器

image.png

属性选择器 img[alt]

[attrName] 包含这个属性就行
[attrName=value] 等于
[attrName!=value] 不等于
[attrName^=value] 以value开头
[attrName$=value] 以value结尾
[attrName*=value] 包含有value的
[][][]   多个属性

子元素选择器 $(#a li:first-child)

在一个标签下的所有节点
:first-child  第一个
:last-child 最后一个
:nth-child(index)  从1开始
:nth-last-child(index)  末尾第1个开始
:only-child  只有一个(li)标签

在一个标签下的所有相同节点(li)
:first-of-type
。。。同上

表单选择器

image.png

表单对象选择器

image.png

属性操作

image.png

image.png

image.png

image.png

内容由上往下顺序显示

image.png

动画

image.png

image.png

自定义动画

image.png

image.png

image.png