javascript - 独立函数中的 jQuery 选择器 $() 功能

Question

我正在寻找一种高级功能来选择 dom 中的元素，而无需使用 jQuery 或任何其他库。

可以完成与 $(selector) 函数在 jQuery 中所做的相同的事情。

提前致谢。

Answer 1

您可以使用的最好的东西是querySelectorAll，它允许您使用 CSS 选择器进行选择，就像使用 jQuery 一样：

var links = document.querySelectorAll('#someEl a.someClass');

然后，您需要循环links执行您想要对元素执行的任何操作。请注意，许多 jQuery 提供的实用程序函数（例如addClass）将不可用。一些实用功能在现代浏览器中可用（当采用 DOM4 时会出现更多功能），但它会比 jQuery 做的笨重得多。这就是你要付出的代价。

Answer 2

jQuery 使用名为 Sizzle (http://sizzlejs.com/) 的库来处理选择器。所以也许你可以看看它是如何做到的。