javascript - 在 jQuery 中使用选择器的最有效方式？

Question

使用 $('.active') 还是 $('div.active') 效率更高？我一直避免包含“div”，因为它是 javascript 文件中的额外文本，我不希望用户必须下载。

Answer 1

旧版本的 IE 将受益于包含 div，因为它们不支持 getElementsByClassName()。

因此，页面上的每个元素都需要选择:

document.getElementsByTagName('*');

...并手动测试它是否具有 active 类。

如果您包含 div，那么它可以缩小范围，因为它可以:

document.getElementsByTagName('div');

...然后只测试那些元素。

当我说旧版本时，我指的是 IE6 和 IE7，因为 IE8+ 支持 querySelectorAll。

---

编辑:

浏览器支持:

• getElementsByClassName:http://www.quirksmode.org/dom/w3c_core.html#t11
• querySelectorAll: http://www.quirksmode.org/dom/w3c_core.html#t13