jQuery 选择器是 jQuery 库中最有用的特性之一。它是如此强大和灵活,以至于在编写 JavaScript 时几乎可以完全取代常规 JavaScript 选择器。在这篇文章中,我们将总结 jQuery 中一些常用的选择器。
$(selector)
jQuery 中的基本选择器是元素选择器。它使用元素名称来选择 DOM 中的元素。例如,下面的代码将选中页面中所有的 p 元素:
$("p")
还可以通过 ID 进行选择:
$("#myId")
或者通过类名进行选择:
$(".myClass")
或者使用属性选择器:
$("[href^='http://']")
还有其他一些高级选择器,例如子元素选择器、后代选择器和相邻选择器:
$("ul >li") $("ul li") $("p + p")
jQuery 选择器还可以根据特定条件进行选择,例如元素是否可见、元素是否被选中等。下面是一些常见的条件选择器:
$("p:visible") $(":checked") $(":empty")
jQuery 选择器还可以使用回调函数进行选择,这是一种非常高级的技术。例如,下面的代码将选择所有文本内容包含“jQuery”的元素:
$("*").filter(function() { return $(this).text().indexOf("jQuery") !== -1; });
总之,jQuery 选择器是非常强大和灵活的。熟练掌握这些选择器,将有助于您更有效地编写 jQuery 代码。