jQuery库学习第一弹之选择器

选择器	描述	Tip
$(‘div’)	获取所有div标签的DOM元素	同css3中的选择器或 querySelector() 类似
$(’#div’)	获取一个ID为box的DOM对象	ID选择器的失明现象ID在一个页面中只能出现一次，这是一个唯一标识符。在jQuery中就会存在问题。
$(’.div’)	获取一个class名为box的DOM对象	同css3中的选择器或 querySelector() 类似

兼容性:jQuery的兼容性极强css3中的子选择器是不兼容IE的较低版本但是jQuery就可以

高级进阶选择器

Itrm1

选择器	描述	Tip
$(‘div,span,p’)	群组选择器	选择一组指定的元素
$(‘ul li a’)	后代选择器	选择指定的后代元素
$(’*’)	通配选择器	选择所有；对性能有极大的浪费所以不能在全局范围内使用，最好的方法就是在局部环境下使用；

Itrm2

选择器	描述	Tip
$(‘ul li a’)	获取追溯到的所有后代元素	略
$(‘div>p’)	获取子类节点	略
$(‘div+p’)	只获取某节点后一个同级DOM元素	略
$(‘div~p’)	获取某节点后所有同级DOM元素	略

属性选择器

选择器	描述
$(‘input[name]’)	获取具有这个属性的DOM元素
$(‘input[name=XXX]’)	获取具有属性且属性值为XXX的DOM元素
$(‘input[value][name=XXX]’)	获取有value 属性且name为XXX的DOM元素

伪类选择器

选择器	描述	返回对象
$(‘li:first’)	选取第一个元素	单个元素
$(‘li:last’)	选取最后一个元素	单个元素
$(‘li:not(.red)’)	选取class不是red的元素	一组元素
$(‘li:even’)	选择偶数的所有元素	一组元素
$(‘li:odd’)	选择所有奇数元素	一组元素
$(‘li:eq（1）’)	选择对应下表的元素	单个元素

内容过滤器

选择器	描述	返回对象
$(‘li:contains(选中的内容)’)	选择具有指定文本的元素	一组元素
$(li’:empty’)	选取li中不包含子元素或空文本的元素	一组元素
$(‘ul:has(.red)’)	选择子元素含有类red的ul	一组元素

可见性选择器

选择器	描述	返回对象
$(li:hidden)	选取所有不可见li元素	一组元素
$(‘li:visible’)	选取所有不可见元素	一组元素

Tip:是否可见的判定因素为display
由上文可见，jQuery的选择器是比较多的，因为多，所以功能也是弱不了的。