这次我来介绍一下过滤选择器,该类型的选择器器根据某过滤规则进行元素的匹配,书写时以:号开头,通常用于查找集合元素的某一个位置的单个元素
如果想从一组标签元素数据中,灵活选择任意一个标签元素,我们就可以使用:eq(index),其中参数index表示索引号,它从0开始,如果index的值为2,那就表示选择的是第3个元素
下面我们就来实验一下
代码:
- 科比
- 库里
- 韦德
- 詹姆斯
<script src="~/Content/bootstrap-3.3.7-dist/js/jquery-2.0.3.min.js"></script>
<script type="text/javascript">
$("li:eq(2)").css("color","red");
浏览器运行效果 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190528100759666.png) 从图中就可以看出,通过调用$("li:eq(2)")过滤选择器代码,获取第3个li元素,并使用CSS方法设置了该元素在页面中显示的文字样式