Correction status:Uncorrected
Teacher's comments:
1、代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>6种选择器函数的使用</title> </head> <body> <ul> <li>参考网站01<a href=""> 点击查看</a></li> <li>参考网站02<a href=""> 点击查看</a></li> <li>参考网站03<a href=""> 点击查看</a></li> <li>参考网站04<a href=""> 点击查看</a></li> <li>参考网站05<a href=""> 点击查看</a></li> <li>参考网站06<a href=""> 点击查看</a></li> <li>参考网站07<a href=""> 点击查看</a></li> <li>参考网站08<a href=""> 点击查看</a></li> </ul> </body> </html> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script type="text/javascript"> //1.get():将jquery对象转为DOM对象 $('li').get(3).style.color = 'red' //2.eq():获取指定序号的元素 $('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' } //6.find():返回所有的后代元素 $('ul').find('li').css('color','coral') $('ul').find('a').css('color','cyan')
点击 "运行实例" 按钮查看在线实例
2、常用的几种JS选择器函数,get():将jquery对象转为DOM对象;eq():获取指定序号的元素;first():返回第一个元素;last():返回最后一个元素;toArray(),返回DOM数组;find():返回所有的后代元素