jquery选择器效率问题
来源:互联网 发布:什么是奥菲斯软件 编辑:程序博客网 时间:2024/06/08 20:11
a) 尽量使用Id选择器,jQuery的选择器使用的API都是基于getElementById或getElementsByTagName,因此可以知道效率最高的是Id选择器,因为jQuery会直接调用getElementById去获取dom,而通过样式选择器获取jQuery对象时往往会使用 getElementsByTagName去获取然后筛选。
b) 样式选择器应该尽量明确指定tagName, 如果开发人员使用样式选择器来获取dom,且这些dom属于同一类型,例如获取所有className为jquery的div,那么我们应该使用的写法是$('div.jquery')而不是$('.jquery'),这样写的好处非常明显,在获取dom时jQuery会获取div然后进行筛选,而不是获取所有dom再筛选。
b) 样式选择器应该尽量明确指定tagName, 如果开发人员使用样式选择器来获取dom,且这些dom属于同一类型,例如获取所有className为jquery的div,那么我们应该使用的写法是$('div.jquery')而不是$('.jquery'),这样写的好处非常明显,在获取dom时jQuery会获取div然后进行筛选,而不是获取所有dom再筛选。
c) 避免迭代,很多同学在使用jQuery获取指定上下文中的dom时喜欢使用迭代方式,如$('.jquery .child'),获取className为jquery的dom下的所有className为child的节点,其实这样编写代码付出的代价是非常大的,jQuery会不断的进行深层遍历来获取需要的元素,即使确实需要,我们也应该使用诸如$(selector,context), $('selector1>selector2'), $(selector1).children(selector2), $(selctor1).find(selector2)之类的方式。
阅读全文
0 0
- jquery选择器效率问题
- jQuery选择器的效率问题
- jquery 选择器的效率
- jQuery 选择器效率
- CSS选择器效率问题
- JQuery $()选择器注意问题
- jquery 执行效率问题
- JQuery效率问题
- JQuery 执行效率问题
- jquery,id选择器和class选择器的效率对比
- jq中选择器的效率问题
- jQuery选择器this的问题
- Jquery radio选择器一些问题
- jQuery选择器有无空格问题
- jQuery中选择器小问题
- jQuery中选择器空格问题
- jquery选择器的空格问题
- JQuery选择器中的空格问题
- PERL能为我做什么(1)
- Linux bash学习
- 浅谈http协议
- Android零基础入门第19节:Button使用详解
- HDU2112 最短路入门题 spfa
- jquery选择器效率问题
- 解决 Linux 下 Sublime Text 3中文输入
- cad快捷键命令大全 图文并茂
- E
- spring boot框架接受http请求并处理的代码公式
- Hibernate的注释开发(详细)
- BEEP蜂鸣器
- AtCoder Regular Contest 079 D
- Spring配置中<context:annotation-config> VS <context:component-scan>