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

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

解决方法

看起来.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 performance 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")

相关文章

jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进...
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给...
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js。 兼容性如图: ht...
一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异...
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一...