jQuery选择器:$('#ID1,#ID2,#ID3')vs $('1X CLASS')哪个更快？

Question

查看$('#ID1,#ID2,#ID3')与$('1X CLASS')之间的选择器性能.哪个更快？

Answer 1

看起来.class这种情况下工作得更快.jQuery可能不会走这getElementById条路.Chrome和Safari可能正在优化getElementsByClassName.

测试@ http://jsfiddle.net/mGqyH/4/

铬

Chrome http://img339.imageshack.us/img339/5021/chromew.png

苹果浏览器

alt text http://img339.imageshack.us/img339/5021/chromew.png

火狐

Firefox性能http://img94.imageshack.us/img94/1123/firefoxg.png

使用的文件(修改)

http://www.w3.org/TR/DOM-Level-2-Events/events.html

组合ID选择器

$("#Events, #table-of-contents, #Events-overview, #Events-flow-capture, #Events-EventTarget, #Events-EventListener")

不相交的ID选择器

$("#Events").add("#table-of-contents").add("#Events-overview").add("#Events-flow-capture").add("#Events-EventTarget").add("#Events-EventListener");

类选择器

$(".selectMe")