基本选择器:
#id 将给定id匹配对应的元素,
.class 根据给定的类名匹配元素
element 根据给定的元素名匹配元素
* 匹配所有的元素
selector1,selector2,selector3....... 将每个选择器匹配到的元素合并后一起返回。
层次选择器:
$("ancestor descendant") 选取ancestor里的所有descendant(后代)元素, 如:$(div span)。
$("parent>child") 选取parent下的所有child(子)元素。
$("prev+next") 选取紧接在prev元素后面的next元素。例:$(".one+div")选取class为one的下一个<div>
//等价于next()方法 同辈元素。
$("prev~siblings") 选取prev元素之后的所有siblings元素。 例:$("#two~div")选取id为two的元素后面所有 //等价于 nextall() 方法 的<div>同辈元素。
过滤选择器:
:first 选取第一个元素 例:$("div:first")选取所有div中的第一个<div>元素。
:last 选取最后一个元素
:not(selector) 去除所有与给定选择器匹配的元素。例:$("input:not(.myclass)") 选取class不是myclass
的<input>元素。
:even 选取索引是基数的所有元素,索引从0开始 例:$("input:even")选取索引为基数的所有input的元素。
:odd 。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
:eq(index) 选取索引为index的元素,索引从0开始。
:gt(index) 选取索引大于index的有元素。
:lt(index) 选取索引小于index的元素。
:header 选取所有的标题元素。例如:<h1><h2><h3><h4><h5>........
:animated 选取当前正在执行的动画。例如:$("div:animated")选取正在执行动画的<div>元素。
:focus 选取当前获取焦点的元素。
内容过滤选择器:
:contains(text) 选取文件内容包括text的元素,例:$("div:contains('我')") 选取含有文本我的div元素。
:empty 选取不包含子元素或者文本的空元素,例$("div:empty")选取不包含子元素(包含文本元素)的
空<div>。
:has(selector) 选取含有选择器所匹配的的元素的元素。 例:$("div:has(p)") 选取含有<p>元素的所有<div>元素
:parent 选取含有子元素或者文本文本的元素。 例:$("div:parent")包含子元素(包括文本元素)的div
可见性过滤选择器:
:hidden 选取所有不可见的元素。 例:$(":hidden") 包括<input type="hidden"/> vi
<div style="display:none;">和<div style="visibility:hidden;">
:visible 选取所有可见的元素。 例:$("div:visible")
属性过滤器:
[attribute]选取拥有此属性的元素。例:$("div[id]")选取拥有属性id的元素。
[attribute=value]选取属性的值为value的元素 例:$("div[title=test]")选取title为test的div元素
[attribute!=value]选取属性值不等于value的元素 ......................
[attribute^=value]选取属性值是以value开始的元素。 例:$("div=[title^=test]")选取属性title以“test”开始的div.
[attribute$=value] 选取属性的值以value结束的元素。 例:$("div[title$=test]")选取属性title以“test”结束的div.
[attribute*=value] 选取属性的值含有value的元素。 例:$("div[title*=test]")选取属性title含有“test”的div.
[attribute|=value]选取属性等于给定字符串或以该字符串为前缀。 例:$("div[title|='en']")选取属性title等于en或以en
为前缀的元素。
[attribute~=value]选取属性等于用空格分隔的值中包含一个给定值的元素。例:$("div[title~='uk']")选取属性title用空格分隔的值中包含字符uk的元素。
[attribute1][attribute2]..[attributen]用属性选择器合并成一个复合属性选择器,满足多个条件。每选择一次,缩小一次范围。
子元素过滤选择器:
:nth-child(index/even/odd/equation) 选取每个父元素下的第index个子元素或者奇偶元素。(index从1算起)例如::nth-child(even) nth-child(odd) nth-child(2) nth-child(3n) nth-child(3n+1) ......
:first-child 选取每个父元素的第一个子元素 (index从1算起)
:last-child 选取每个父元素的最后一个子元素。
:only-child 是父元素的唯一子元素的元素将会被选中。
表单对象属性过滤选择器
:enable 选取所有可用元素
:disable 选取所有不可用元素
:checked 选取所有被选中的元素(单选框 多选框)
:selected 选取所有被选中的选项元素(下拉列表)
表单选择器:
:input 选取所有的<input>,<textarea>,<select>,<button>
:text 选取所有的单行文本框
:password 选取所有的密码框
:radio 选取所有的单选框
:checkbox 选取所有的多选框
:submit 选取所有的提交按钮
:image 选取所有的图片按钮
:reset 选取所有的重置按钮
:button 选取所有的按钮
:file 选取所有的上传域
:hidden 选取所有的不可见元素