目录JAVA全系列 教程
3762个小节阅读：7091.8k
目录
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本，未来主流的版本
人工智能 教程
顺势而为，AI创新未来
大厂算法 教程
算法，程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
选择器
基础选择器
属性选择器
jQuery选择器
DOM操作
CSS操作
事件处理
遍历
动画
在匹配的集合中选择索引值为index的元素。
温馨提示
index下标计算是从0开始的
xxxxxxxxxx<!DOCTYPE html><html><head> <script src="./js/jquery-3.6.0.min.js"></script></head><body> <ul class="nav"> <li>List 1, item 1</li> <li>List 1, item 2</li> <li>List 1, item 3</li> </ul> <script> $("li:eq(2)").css("border","2px solid red") </script></body></html>选择所引值为偶数的元素
特别注意
这是基于0的索引，所以
:even选择器是选择第一个元素，第三个元素，依此类推在匹配。
xxxxxxxxxx<!DOCTYPE html><html><head> <script src="./js/jquery-3.6.0.min.js"></script></head><body> <table border="1"> <tr> <td>Row with Index #0</td> </tr> <tr> <td>Row with Index #1</td> </tr> <tr> <td>Row with Index #2</td> </tr> <tr> <td>Row with Index #3</td> </tr> </table> <script>$("tr:even").css("background-color", "#bbbbff");</script></body></html>选择索引值为奇数元素
特别注意
这是基于0的索引，所以
:odd选择器是选择第二个元素，第四个元素，依此类推在匹配。
x<!DOCTYPE html><html><head> <script src="./js/jquery-3.6.0.min.js"></script></head><body> <table border="1"> <tr> <td>Row with Index #0</td> </tr> <tr> <td>Row with Index #1</td> </tr>
<tr> <td>Row with Index #2</td> </tr> <tr> <td>Row with Index #3</td> </tr> </table> <script>$("tr:odd").css("background-color", "#bbbbff");</script></body></html>实时效果反馈
1. 下列jQuery扩展选择器中,哪个是通过index下标选择某个元素：
A :eq(index) Selector
B :even Selector
C :odd Selector
答案
1=>A