淘先锋技术网

首页 1 2 3 4 5 6 7

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 代码。