基本选择器
#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 如果某个元素是它父元素中唯一的子元素,那么将会被匹配