jQuery选择器和遍历的总结
$('*')：全部元素
$(this)：选中这个元素，this永远指的都是调⽤函数的那个对象
$('#intro'):id为intro的元素
$('.intro'):class为intro的元素
$('li:first')：所有li⾥的第⼀个
$('li:last')：所有li⾥的最后⼀个
$('li:first-child')：某个⽗元素⾥的第⼀个⼦元素，同时得是li元素
$('ul li:first')：第⼀个ul⾥的第⼀个li
$('ul li:first-child')：每个ul⾥的第⼀个⼦元素，同时得是li元素
$('footer .item:last-of-type'):footer的后代元素，类名是item，是其兄弟元素中的最后⼀个(元素种类不⼀致时每种元素都会出⼀个)
$('ul li:nth-child(n)')：每个ul⾥的第n个⼦元素并且同时得是li元素，n从1开始
$('ul li:nth-child(n+4)')：每个ul⾥的第4个⼦元素后⾯的元素并且同时得是li元素，包括第4个⼦元素，n从0开始
$('ul li:nth-child(-n+4)')：每个ul⾥的第1，2，3，4个⼦元素并且同时得是li元素，包括第4个⼦元素，n从0开始
$('ul li:nth-child(3n+1)')：隔⼆取⼀
$('ul li:nth-last-child(n)')：倒数第n个，n从1开始
$('ul li:nth-of-type(2)')：每个ul⾥的li元素⾥的第⼆个，括号⾥的数字从1开始
$('p.intro'):intro类中的p元素
$('div>span'):div的直接⼦元素⾥的span
$('div span'):div的后代⼦元素⾥的span
$('.intro+')：每个类名为intro的元素的下⼀个兄弟元素
$('div~p'): div后⾯的兄弟元素⾥的所有p元素
$('li:even')：索引值是偶数的li，注意！索引值从0开始
$('li:odd')：索引值是奇数的li
$('li:lt(3)')：索引值⼩于3的li
$('li:gt(3)')：索引值⼤于3的li
$('li:eq(index)')：按索引值index选中元素，index从0开始
$('ul:parent')：是⽗元素的ul
$('div:has(span)'):⾥⾯有span元素的div
$('div:has(p，span，li)'):⾥⾯同时有p，span和li的div
$(':animated')：当前所有动画元素
$(':button'):button元素和type='button'的input元素
$('[id]')：有id属性的元素
$('[id="jQuery"]')：有id属性且属性值等于jQuery的元素。注意！不要单引号套单引号或双引号套双引号
$('div[id="jQuery"]')：有id属性且属性值等于jQuery的div
$('[id=" '+k+' "]')：有id属性且属性值等于变量k的值的元素
不能写成$('[class="hi hello"]')，包裹属性值的引号⾥只被识别为⼀个字符串，不要放置多个属性值
$('[class="hi"][type="button"]')：同时有class属性和type属性且class属性的属性值等于hi，type属性的属性值等于button的那个元素。注意！前
后两个属性不能相同，后⾯还能再增加其他属性选择器
$('[class="hi"]，[type="button"]')：有class属性且属性值是hi的元素和有type属性且属性值是button的元素的集合
$('[class!="hi"]')：选中除了有class属性且属性值等于hi的其他元素
$('[href$=".png"]')：有href属性且属性值以.png结尾的元素
$('[name|="code"]')：有name属性且属性值等于code或属性值以code作为前缀的元素，如:
识别<input name="code">，<input name="code-gaga">，不识别<input name="code gaga">，<input name="codegaga"> $('[name^="code"]')：有name属性且属性值以code字符串开头的元素
$('[name*="nation"]')：有name属性且属性值中包含nation字符串的元素，如:
识别<input name="nationality">，<input name="nation">，<input name="anothernation">，不识别<input name="country"> $('[name~="nation"]')：有name属性且属性值中包含nation单词的元素，如:
识别<input name="nation">，不识别<input name="nationality">，<input name="anothernation">，<input name="country">
siblings()：和被选元素有相同⽗元素的所有兄弟元素
$('.intro').next()：每个类名为intro的元素的下⼀个兄弟元素。$('.intro').next() = $('.intro+')；$('.intro').next('input') = $('.intro+input') nextAll()：被选元素后⾯的所有兄弟元素，不包含被选元素本⾝
nextUntil()：两个给定参数之间的所有兄弟元素，如:$('h1').nextUntil('h6')，选中h1到h6之间的兄弟元素，不包含h1和h6
prev()和next()类似，prevAll()和nextAll()类似，prevUntil()和nextUntil()类似
find(filter):filter参数是必需的，从被选元素的所有后代元素中查。查被选元素的所有后代元素:find('*')
children()：被选元素的所有直接⼦元素，不会返回⽂本节点
parent()：被选元素的直接⽗元素
parents()：被选元素的所有祖先元素。如需返回多个祖先元素:parents('li，ul')
parentsUntil()：在两个元素之间的所有祖先元素，例:$('span').parentsUntil('div')，不含div
closest('#pop')：从当前元素开始沿DOM树向上遍历，返回被选元素的，id是pop的，第⼀个祖先元素，也会返回本⾝，
如:$('#pop').closest('#pop')
eq(index)：按索引值index选中元素，index从0开始，括号⾥不⽤加引号，如:eq(0)
index也可以是负数，表⽰倒数，如:eq(-1)表⽰倒数第⼀个，eq(-2)表⽰倒数第⼆个
first()：选中第⼀个元素
last()：选中最后⼀个元素
filter()：选中符合筛选条件的元素，如:filter('.intro')，筛选出类名为.intro的元素
not()：选中不符合筛选条件的元素，刚好和filter()相反
each()：为每个匹配的元素指定要运⾏的函数，如:
$('p').each(function () { alert( $(this).text() )；})；
>jquery是什么选择器

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。