jQuery选择器

基本选择器

#id

.class

element

* 所有元素

层次选择器

$("div p");选中div中的所有span标签(子孙)

$("div>p");选中div儿子中的所有span标签

$("div1+div2");下一个兄弟

$("div1~divs");所有兄弟

基本过滤选择器

:first 选取第一个元素

:last 选取最后一个元素

:not(selector) 去除所有与给定选择器匹配的元素

:even 索引是偶数的(索引从0开始)

:odd 索引是奇数的元素

:eq(index);选取索引等于index的(索引从0开始)

:lt 选取索引小于index的 (less than)

:gt 选取索引大于index的 ()

内容过滤选择器:

:contains(text) 选中所有含有text文本内容的元素

:empty 选中不包含子元素或者文本的空元素

:has(selector) 选中含有选择器所匹配的元素

:parent 选中含有子元素或者文本的元素

属性过滤选择器:

[attr] $("[href]") 所有带有 href 属性的元素

[attr=value] $("[href='default.htm']") 所有带有 href 属性且值等于 "default.htm" 的元素

[attr!=value] $("[href!='default.htm']") 所有带有 href 属性且值不等于 "default.htm" 的元素

[attr$=value] $("[href$='.jpg']") 所有带有 href 属性且值以 ".jpg" 结尾的元素

[attr|=value] $("[title|='Tomorrow']") 所有带有 title 属性且值等于 'Tomorrow' 或者以 'Tomorrow' 后跟连接符作为开头的字符串

[attr^=value] $("[title^='Tom']") 所有带有 title 属性且值以 "Tom" 开头的元素

[attr~=value] $("[title~='hello']") 所有带有 title 属性且值包含单词 "hello" 的元素

[attr*=value] $("[title*='hello']") 所有带有 title 属性且值包含字符串 "hello" 的元素

子元素过滤选择器:

:nth-child(index/even/odd) 选取每个父级元素下的第index个或者奇偶元素

:first-child 选取每个父元素的第一个子元素

:last-child 选取每个父元素的最后一个子元素

:only-child 如果某个元素是它父元素中唯一的子元素,那么将会被匹配