jQuery中的选择器

筛选选择器：

语法	m描述	y语法
：first	获取第一位	$('li:first')
：last	获取最后一位	$('li:last')
:eq(index)	获取指定位置的值	$('li:eq(2)')
:odd	获取奇数	$('li:odd)
:even	获取偶数	$('li:even')

 

基本选择器：

名称	描述	语法
ID选择器	获取指定ID的元素	$('#id')
全选选择器	匹配所有元素	$('*')
类选择器	获取同一类型class的元素	$('.class')
标签选择器	获取同一类标签的所有元素	$('div')
并集选择器	选取多个元素	$('div,p,li')
交集选择器	交集元素	$('li.current')

 

层级选择器：

名称	描述	用法
子代选择器	使用>号，获取亲儿子层级的元素，不会获取孙子层级的元素	$('ul>li')
后代选择器	使用空格，获取ul下的所有li元素，包括孙子等	$('ul  li')

 

筛选方法：

语法	用法	说明
parent( )	$('li').parent()	查找父类
childern(selector)	$('ul').children('li')	x相当于$('ul>li')，最近一级（亲儿子）
find(selector)	$('ul').find('li')	相当于$('ul  li')，后代选择器
siblings(selector)	$('.first').siblings('li')	查找兄弟节点，不包括自己本身
nextAll([expr])	$('.first').nextAll()	查找当前元素之后所有的同辈元素
prevtAll([expr])	$('.last').prevAll()	查找当前元素之前所有的同辈元素
hasClass(class)	$('div').hasClass('protected')	检查当前元素是否含有某个特定的类，如有，返回true
eq(index)	$('li').eq(2)	相当于$('li:eq(2)')，index从0开始

 

　　　　　　修改指定位置元素的信息：（效果一致，更推荐第二种方式。）

　　　　　　方式一：$('ul li:eq(2)').css('color','red') 

　　　　　　方式二：$('ul li').eq(2).css('color','red')