如果选择器选出的结果仍不够细,可以用过滤器,进一步筛选.
过滤器一般写在"选择器"之后,如"选择器:过滤器"
基础过滤器是根据对象的"索引"值来查找的
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<ul>
<li>导航1</li>
<li>导航2</li>
<li>导航3</li>
<li>导航4</li>
<li>导航5</li>
<li>导航6</li>
<li>导航7</li>
</ul>
</body>
<script src="jquery.js"></script>
<script>
$('li:first').css('background' , 'gray'); // 找第1个
$('li:last').css('background' , 'gray'); // 找最后1个
$('li:odd').css('background' , 'green'); // 筛选出奇数个的
$('li:even').css('background' , 'orange'); // 偶数个
$('li:eq(3)').css('background' , 'purple'); // 精准选择第3个
</script>
</html>
由此可见,通过"选择器:过滤器"这种方式我们就可以精准找到我们想要的某一个或者某几个了。