jQuery笔记(筛选器)

选择器

$('#d1")

$('div.c1')

$('div#d1')

$('#di,.c1,p')

$('div>span')

基本筛选器

$('ul>li')

$('ul li:first')

$('ul>li:last')

$('ul li:eq(6)')

$('ul>li:even')

$('ul li:odd')

$('ul>li:gt(2)')

$('ul li:lt(2)')

$("ul>li:not('#d1')")

$('div:has("p")')  //has后面的括号内必须是标签

属性筛选器

$('[username]')

$('[username=aaa]')

$('p[username=ccc]')

$('input[username=bbb]')

$('[type="text"]')

表单筛选器

仅限form表单中使用(<form action="">xxx</form>)

$(':text')  //等价于$('input[type="text"]')

$(':password')

$(':enabled')

$(':disabled')

$(':checked')  //会获取属性为checked或selected的对象

$('input:checked')  //只获取checked

$(':selected')

筛选器方法

$('#d1').next()

$('#d1').prev()

$('#d1').nextAll()

$('#d1').nextUntil('#d2')  //d1下面到d2的同级别标签对象,不包含d1,d2

$('#p2').parent()

$('#p2').parents()

$('#p2').children()

$('#d2').siblings()  //同级别标签(上、下都有)

$('div').find('p')  //等价于$('div p')

$('div span').first()

posted @ 2021-02-24 15:12  丑矬穷屌  阅读(59)  评论(0)    收藏  举报