Jquery选择器

根据标签
$('div')
根据id
$('#myid')
根据class
$('#myclass')
选择所有
$('*')
选择多个
$('div, #myid, .myclass')

选择所有div下的p标签
$('div p')
选择所有div下的p标签（直接下级）
$('div > p')
选择所有div的同级p（紧临的）
$('div + p')
选择所有div的同级p（所有同级p）
$('div + p')

$('li:first')
$('li:last')
$('li:even')
$('li:odd')
$('li:eq(1)')
$('li:gt(2)')
$('li:lt(3)')
$('li:contains(second-level)')

所有隐藏的
$(':hidden'）
所有显示的
$(':visible'）

名字属性是xxx
$('li[name="xxx"]')
名字属性是xxx开头
$('li[name^="xxx"]')
名字属性是xxx结尾
$('li[name$="xxx"]')
名字属性包含xxx
$('li[name*="xxx"]')

 

在所有li中找到是子元素的，然后取出第一个
$('li:first-child')
在所有li中找到是子元素的，然后取出最后个
$('li:last-child')
在所有li中找到是子元素的，然后取出偶数位的
$('li:nth-child(even)')
在所有li中找到是子元素的，然后取出奇数位的
$('li:nth-child(odd)')
在所有li中找到是子元素的，然后取出第二个
$('li:nth-child(2)')
在所有li中找到是子元素的，然后取出第2n位的
$('li:nth-child(2n)')
在所有li中找到是子元素的，然后取出满足是父元素的唯一字元素的那个
$('li:only-child')

转载于:https://www.cnblogs.com/413xiaol/p/6666950.html