first():获得第一个元素
last():获得1最后一个元素
eq():获取指定元素
filter():过滤
has():获取包含某标签的元素
用法示例:想看哪个就把注释去掉
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>过滤</title>
</head>
<script type="text/javascript" src="../js/jquery-3.1.1/jquery-3.1.1.min.js" ></script>
<script type="text/javascript">
$(function(){
var $lis = $("ul>li");
//ul下li标签第一个 first()
// $($lis).first().css('background-color',"red");
//ul下li标签的最后一个 last()
// $($lis).last().css('background-color',"red");
//ul下li标签的第二个 eq
// $($lis).eq(1).css('background-color',"red");
//ul下li标签中title属性为hello的 filter()
// $($lis).filter("[title=hello]").css('background-color',"red");
//ul下li标签中title属性不为hello的
// $($lis).filter("[title!=hello]").filter("[title]").css('background-color',"red");
//ul下li标签中的所有span子标签 has()
$($lis).has("span").css('background-color',"red");
});
</script>
<body>
<ul>
<li>AAAAA</li>
<li title="hello" class="box2">BBBBB</li>
<li class="box">CCCCC</li>
<li title="hello">DDDDD</li>
<li title="two"><span>BBBBB</span></li>
</ul>
<li>eeeee</li>
<li>EEEEE</li>
</body>
</html>