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():返回所有的后代元素
