jquery中常用的过滤选择器

1、get（）将jquery对象转为dom对象

$（‘li’）.get(1).style.color='red'    第二个元素加红色

2、eq()返回指定索引的元素，返回的是jquery对象

$('li').eq(4).css（’color’，‘red’）    第四个元素加颜色

 3、first（） ，无参数

$('li').first().css('color','red')   第一个元素加颜色

4、last() 无参数

$('li').last().css('color','red')  最后一元素加颜色

5、toArray()返回的食dom数组

var li =$('li').toArray()

for(var i=0; i<li.length; i++) {

   li[i].style.color='green'    给所有的li 加颜色

}

6、find():返回所有后代元素

$('ul').find('li').css('color','coral')  给ul下li 加颜色

$('ul').find('a').css('color','cyan')  给ul下a加颜色

7、children()fanh返回所有的直接子元素

$('ul').children('p').css('color','deeppink')

8、each（function（）{}）

$('*').removeAttr('style')  删掉所有样式

$('li').each(function(){

$('this').css('background-color','wheat')

})

9、元素遍历

$('*').removeAttr('style')

$('li').eq(2).next().css('color','blue')    第三个元素的下一个元素加颜色

$('li').eq(2).nextAll().css('color','bule')  第三个元素的下所有元素加颜色

10、add（）

$('li').add('p').css('color','red')  所有li +一个p标签 加颜色

11slice()  从集合中获取到一组连续的元素   且不选选择最后一个位置的元素

$('li').slice(2,5).css('color','red')   给第三到第五元素加颜色 345

$('li').slice(2).css('color','red')    第三个开始元素最后一个加元素