在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