jQuery选择器

最新推荐文章于 2025-03-13 05:11:39 发布

huijie_0716

最新推荐文章于 2025-03-13 05:11:39 发布

阅读量1.3k

点赞数

分类专栏： jquery 文章标签： jquery javascript css

本文链接：https://blog.youkuaiyun.com/huijie_0716/article/details/124755992

版权

本文介绍了jQuery的选择器，包括兄弟选择器、过滤选择器的使用，如nextAll、prevAll、siblings等。同时讲解了get()与eq()的区别，以及设置和获取内容的方法，如text()、html()、val()。此外，还涵盖了显示与隐藏、类操作和事件绑定的函数应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、兄弟选择器

1、查找下一个兄弟元素

 $(".box+span").css("color", "#f00");
//   $(".box").next().css("background-color", "#00f");
//   $(".box").next("span").css("background-color", "#0ff");

2、查找上一个兄弟元素

$(".box").prev().css("color", "#f0f");
 //   $(".box").prev("span").css("color", "#0f0");

3、查找兄弟上面所有的span

$(".box").prevAll("span").css("background-color", "green");

4、查找兄弟下面所有的span

$(".box~span").css("color", "gold");
//   $(".box").nextAll("span").css("color", "#999");

5、查找兄弟下面所有的

$(".box").nextAll().css("color", "green");

6、查找兄弟上面所有的

$(".box").prevAll().css("background-color", "green");

7、siblings()

Query对象.siblings() 选择器除了自身之外的其他兄弟jQuery对象

二、过滤选择器

first元素

$("ul li:first").css("color", "#f00"); //文档里的第一个li元素唯一

$("ul li").first().css("color", "blue");

$("li").eq(0).css("color", "#f00");

last元素

$("ul li:last").css("color", "#f00"); //文档里的最后一个li元素唯一

$("ul li").last().css("font-size", "20px");

$("ul li:first-child").css("color", "#f00"); //每一组里的第一个li元素可能有多个

$(

最低0.47元/天解锁文章