jQ中的基本选择器

最新推荐文章于 2022-07-20 17:12:55 发布

原创最新推荐文章于 2022-07-20 17:12:55 发布 · 188 阅读

1 ·

CC 4.0 BY-SA版权

jQ 同时被 2 个专栏收录

3 篇文章

订阅专栏

基本选择器

1 篇文章

订阅专栏

本文深入讲解了jQuery中基本筛选选择器的应用，包括如何选择第一个、最后一个元素，以及通过索引、奇偶和排除条件来精确定位DOM元素。通过具体实例展示了:first、:last、:even、:odd、:eq、:gt、:lt和:not选择器的使用方法。

一.基本筛选选择器
1.//找到第一个div
$(".div:first").css(“color”, “#CD00CD”);
2.//找到最后一个div
$(".div:last").css(“color”, “#CD00CD”);
3. //:even 选择所引值为偶数的元素，从 0 开始计数
$(".div:even").css(“border”, “3px groove red”);
4.//:odd 选择所引值为奇数的元素，从 0 开始计数
$(".div:odd").css(“border”, “3px groove blue”);
5.//:eq选择单个
$(".aaron:eq(2)").css(“border”, “3px groove blue”);
6.//:gt 选择匹配集合中所有索引值大于给定index参数的元素
$(".aaron:gt(3)").css(“border”, “3px groove blue”);
7.//:lt 选择匹配集合中所有索引值小于给定index参数的元素
//与:gt相反
$(".aaron:lt(2)").css(“color”, “orange”);
8.//:not 选择所有元素去除不匹配给定的选择器的元素
//选中所有紧接着没有checked属性的input元素后的p元素，赋予颜色
$(“input:not(:checked)+p”).css(“background-color”, “red”);