jquery选择器

一、基本选择器

1. jquery入口

$()储存jquery的dom对象（原生dom的集合）

'$(document).ready(function(){

})’

2. id选择器: $(’#box’)

3. 标签选择器：$(‘ul’)

4.类名选择器：$(’.class’)

5.并集选择器：$(’.items1 , .irems2’)

6.通配符选择器：$(’*’)

7.后代选择器： $(‘body .item1’)

8.子代选择器：$(‘div>item1’)

9.相连兄弟选择器：$(‘div+ul’)

10.普通兄弟选择器：$(‘div~ul’)

二、筛选选择器

1.第一个元素：$(‘li:first’)

2.筛选出索引为偶数的元素(从零开始)：$(‘li:even’)

3.筛选出索引为奇数的元素：$(‘li:odd’)

4.筛选指定元素：$(‘li:eq(3)’)

5.筛选大于某个元素的元素：$(‘li:gt(2)’)

6.筛选小于某个元素的元素：$(‘li:lt(2)’)

7.选择所有的标题：$(:header)

8.autfocus属性自动获取焦点：$(’:focus’)

9.排除选择器：$(‘li:not(#box)’)

三、内容选择器

1.包含指定文本内容：$(‘li:containd(“内容”)’)

2.选到内容为空的元素：$(‘li:empty’)

3.选择有文本内容的元素： $(‘li:parent’)

4.选择元素下有指定元素: $(‘li:has(".item1")’)

四、可见性选择器

1.选择可见元素：$(‘li:visible’)

2.选择隐藏元素：$(‘li:hidden’)

五、子元素选择器

1.第一个：$(‘li:firet-chlid’)

2. 同等选择器

$(‘div :first-0f-type’)

$(‘div :first-0f-type’)

3. 选择第n个元素：$(‘ul :nth-chlid(3)’)

六、查找和过滤

1.选择第一个: $(‘li’).first()

2.最后一个： $(‘li’).last()

3.指定索引元素：$(‘li’).eq(2)

4.截取指定范围元素：$(‘li’).slice(1,6)

5.返回指定元素的后一个：$(’.item1’).next()

6.返回指定元素的后面所以元素：$(’.item1’).nextAll()

7.返回指定元素的前一个：$(’.item1’).prev()

8.返回指定元素的前面所以元素：$(’.item1’).prevAll()

9.所有兄弟元素：$(’.item1’).siblings(’.item2’)

10.获取子代元素：$(‘ul’).children()

11.获取所有后代元素$(’#box’).find(‘li’)

12.查找后面指定范围：$(’.item2’).nextUntil(’.irem3’)

13.获取父元素 ：$(‘item1’).parent()

14.获取所有祖先元素 ：$(‘item1’).parents()

15.获取指定范围的祖先元素 ：$(‘item1’).parentUntil(’#box’)

16.获取有定位属性的祖先元素 ：$(‘item1’).offsetparetl()