博客列表 >jquery中常用的过滤选择器

jquery中常用的过滤选择器

呵呵哒
呵呵哒原创
2018年12月15日 16:03:021178浏览

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')    第三个开始元素最后一个加元素



声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议