一.选择器
1.基本
名称
用法
描述
#id
$("#myDiv");
根据给定的ID匹配一个元素
element
$("div");
根据给定的元素标签名匹配所有元素
.class
$(".myClass");
根据给定的css类名匹配元素
*
$("*")
匹配所有元素
selector1,selector2,selectorN
$("div,span,p.myClass")
将每一个选择器匹配到的元素合并后一起返回
2.层级 名称 用法 描述
ancestor descendant $("form input") 在给定的祖先元素下匹配所有的后代元素
parent > child $("form > input") 在给定的父元素下匹配所有的子元素
prev + next $("label + input") 匹配所有紧接在 prev 元素后的 next 元素
prev ~ siblings $("form ~ input") 匹配 prev 元素之后的所有同辈 siblings 元素
3.基本筛选器 名称 用法 描述
:first $('li:first'); 获取第一个元素
:not(selector) $("input:not(:checked)") 去除所有与给定选择器匹配的元素
:even $("tr:even") 匹配所有索引值为偶数的元素,从 0 开始计数
:odd $("tr:odd") 匹配所有索引值为奇数的元素,从 0 开始计数
:eq(index) $("tr:eq(1)") 匹配一个给定索引值的元素
:gt(index) $("tr:gt(0)") 匹配所有大于给定索引值的元素
:lang $("p:lang(it)") 选择指定语言的所有元素
:last $('li:last') 获取最后个元素
:lt(index) $("tr:lt(2)") 匹配所有小于给定索引值的元素
:header $(":header").css("background", "#EEE"); 匹配如 h1, h2, h3之类的标题元素
:animated $("div:not(:animated)").animate({ left: "+=20" }, 1000); 匹配所有正在执行动画效果的元素
:focus $("input:focus") 匹配当前获取焦点的元素
:root $(":root") 选择该文档的根元素
:target 选择由文档URI的格式化识别码表示的目标元素
4.内容 名称 用法 描述
:contains(text) $("div:contains('John')") 匹配包含给定文本的元素
:empty $("td:empty") 匹配所有不包含子元素或者文本的空元素
:has(selector) $("div:has(p)") 匹配含有选择器所匹配的元素的元素
:parent $("td:parent") 匹配含有子元素或者文本的元素
5.可见性 名称 用法 描述
:hidden $("tr:hidden") 匹配所有不可见元素,或者type为hidden的元素
:visible $("tr:visible") 匹配所有的可见元素
6.属性 名称 用法 描述
[attribute] $("div[id]") 匹配包含给定属性的元素
[attribute=value] $("input[name='newsletter']") 匹配给定的属性是某个特定值的元素
[attribute!=value] $("input[name!='newsletter']") 匹配所有不含有指定的属性,或者属性不等于特定值的元素
[attribute^=value] $("input[name^='news']") 匹配给定的属性是以某些值开始的元素
[attribute$=value] $("input[name$='letter']") 匹配给定的属性是以某些值结尾的元素
[attribute*=value] $("input[name*='man']") 匹配给定的属性是以包含某些值的元素
[attrSel1][attrSel2][attrSelN] $("input[id][name$='man']") 复合属性选择器,需要同时满足多个条件时使用