jQuery选择器性能
2016-01-02 00:00
274 查看
jQuery选择器性能排序:
1,$("#id"),性能最优,调用本地方法document.getElementById("id");
2,$("p"),$("div"),性能仅次于id,调用本地方法document.getElementByTagName("");
3,$(".class"),IE9以后支持document.getElementByClassName,版本较低的浏览器不支持这种方法,jquery仅依靠对DOM进行搜索,影响性能;
4,$("[attribute=value]"),jquery对DOM搜索实现,性能较差,部份浏览器支持querySlectorAll();
5,$(":hidden"),jquery对DOM搜索实现,性能差;
以上性能较差的选择器可以尽量使用类似以下的这种方式来提高性能,当然推荐使用调用本地实现的方法:
可以使用jsPerf查看性能。
1,$("#id"),性能最优,调用本地方法document.getElementById("id");
2,$("p"),$("div"),性能仅次于id,调用本地方法document.getElementByTagName("");
3,$(".class"),IE9以后支持document.getElementByClassName,版本较低的浏览器不支持这种方法,jquery仅依靠对DOM进行搜索,影响性能;
4,$("[attribute=value]"),jquery对DOM搜索实现,性能较差,部份浏览器支持querySlectorAll();
5,$(":hidden"),jquery对DOM搜索实现,性能差;
以上性能较差的选择器可以尽量使用类似以下的这种方式来提高性能,当然推荐使用调用本地实现的方法:
$("#id").find(":hidden"); $("div.class").filter(":animated");
可以使用jsPerf查看性能。
相关文章推荐
- jquery 1.9后如何对动态生成的元素绑定事件
- 2016/1/1--jquery(添加和部分css)
- jQuery 学习—宏观总结(2)
- jQuery的Ajax跨域请求的解决方案
- jQuery Easy UI Resizable(调整大小)组件
- 理解jquery的$.extend()、$.fn和$.fn.extend()
- jQuery事件
- jquery.rotate.js库中的rotate函数怎么用。
- Jquery 获取 radio选中值
- Jquery表单清空
- 基于jQuery实现点击弹出层实例代码
- 基于jQuery实现返回顶部实例代码
- jQuery回到顶部插件jQuery GoUp
- 一句jQuery代码返回顶部
- 恶补jquery(四)jquery中事件--冒泡
- 基于jQuery实现返回顶部实例代码
- 基于jQuery实现点击弹出层实例代码
- jQuery选择器
- Web前端开发实战3:二级下拉式菜单之jQuery实现
- jQuery实现返回顶部功能