JQUERY各种选择器原理详解,伪类选择器

:first：选择第一个元素

如：$('input:first')：选择第一个 input 元素

:last：选择最后一个元素

如：$('input:last')：选择最后一个 input 元素

:not(选择器)：去除特定元素

如：$('input:not(".aa")')：首先选中所有 input 元素，再去除 class 为 aa 的元素

:even：选择索引值为偶数的所有元素

如：$('input:even')：选择所有索引值为偶数的 input 元素

:odd：选择索引值为奇数的所有元素

如：$('input:odd')：选择所有索引值为奇数的 input 元素

:eq(索引值)：选择索引值为特定值的元素

如：$('input:eq(2)')：选择第 3 个 input 元素

:gt(索引值)：选择索引值大于特定值的所有元素

如：$('input:gt(2)')：选择索引大于 2 的所有 input 元素

:lt(索引值)：选择索引值小于特定值的所有元素

如：$('input:lt(2)')：选择索引小于 2 的所有 input 元素

:header：选择 <h1> ~ <h6> 标签

如：$(':header')：选择文档中 <h1> ~ <h6> 所有元素

:animated：选择执行动画的元素

:focus：选择当前获得焦点的元素

:contains(文本)：选择包含特定文本的元素

如：$('td:contains("国")')：选择元素的内容中包含“国”的 td 元素

:empty：选择不包含任何子元素或文本的元素

如：$('div:empty')：选择不包含任何元素或文本的 div 元素

:has(选择器)：选择包含特定选择器的元素

如：$('div:has("span")')：选择包含 span 的 div 元素

:parent：选择包含子元素或文本的元素

如：$('div:parent')：选择有内容的 div元素

:hidden：选择隐藏的元素

如：$('div:hidden')：选择隐藏的 div 元素

:visible：选择显示的元素

如：$('div:visible')：选择显示的 div 元素

:nth-child：选择每个父元素特定位置的子元素

如：$('div:nth-child(1)')：选择每个 div 中的第一个子元素

$('div:nth-child(3n)')：选择每个 div 中的第 3 的倍数的子元素

$('div:nth-child(3n+1)')：选择每个 div 中的第 3 的倍数加 1 的子元素

:nth-child 是 jQuery 中唯一一个从 1 开始计数的选择器

:first-child：选择每个父元素中的第一个特定子元素

如：$('table tr:first-child')：选择第个 table 的第一个 tr

:last-child：选择每个父元素的最后一个特定子元素

如：$('table tr:last-child')：选择每个 table 的最后一个 tr

如：$('tr:last-child')：选择每个 table 的最后一个 tr

:only-child：如果这个元素没有兄弟元素，这个元素将被选择

如：$('tr td:only-child')：选择没有兄弟元素的 td