jQuery是一款非常流行的JavaScript库,它提供了各种各样的选择器,使得我们可以更加方便地操作HTML文档中的元素。下面我们来一起学习一下jQuery都有哪些选择器。
$(document).ready(function() {// 通过ID选择元素var element1 = $("#demo");// 通过类名选择元素var element2 = $(".demo");// 通过标签名选择元素var element3 = $("p");// 通过属性选择元素var element4 = $("input[type=text]");// 通过多个选择器组合选择元素var element5 = $("p, .demo, input[type=text]");// 通过子元素选择器选择元素var element6 = $("ul >li");// 通过后代元素选择器选择元素var element7 = $("ul li");// 通过相邻兄弟元素选择器选择元素var element8 = $("h1 + p");// 通过后续兄弟元素选择器选择元素var element9 = $("h1 ~ p");});
除了上面列举的选择器之外,jQuery还提供了很多其他的选择器,比如基本过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器等等。如果想要了解更多选择器的详细信息,可以访问jQuery官网。