提高JQ效率的一些建议
2013-03-20 14:43
211 查看
只是从网上搜集的一些资料的概括, 有些完全有别于我固定的思维,比如说$('selector').find('descendant')的效率要比$('slector').children('descendant')的效率高,记得我一年前,我还坚定地说着相反的话。http://jsperf.com/jquery-context-find-and-children-selectors/6
![](http://images.cnitblog.com/blog/360236/201303/24105911-89efe829fa42453baa89e4cd2b48a935.jpg)
简要地归为下面几点
1 id>tag>class>attribute||class||伪类
.class 在现代浏览器中表现不错,因为有getElementsByClass,但是在IE6/7和FF2,会先去检索所有的元素是否有这个class
使用class的时候最好用id 作为前缀,
在id前面不要加任何修饰
2 链式操作 或者 缓存重复的元素
3 尽量使用原生JS *
4 多用delegate,少用live(1.9已经没有live了),live会冒泡到文档底部才会触发
如果要给100子元素绑定事件,就帮到他们老爸身上去
5 $.data(e,k,v) 替代 $(e).data(k,v)
![](http://images.cnitblog.com/blog/360236/201303/24105911-89efe829fa42453baa89e4cd2b48a935.jpg)
简要地归为下面几点
1 id>tag>class>attribute||class||伪类
.class 在现代浏览器中表现不错,因为有getElementsByClass,但是在IE6/7和FF2,会先去检索所有的元素是否有这个class
使用class的时候最好用id 作为前缀,
在id前面不要加任何修饰
2 链式操作 或者 缓存重复的元素
3 尽量使用原生JS *
4 多用delegate,少用live(1.9已经没有live了),live会冒泡到文档底部才会触发
如果要给100子元素绑定事件,就帮到他们老爸身上去
5 $.data(e,k,v) 替代 $(e).data(k,v)
相关文章推荐
- 一些提高Web应用执行效率的建议
- 程序员提高效率的一些建议
- 程序员提高效率的一些建议
- 关于提高程序效率的一些建议
- 提高PHP编程效率的一些建议
- 提高PHP编程效率的一些建议
- Excel VBA程序设计中提高效率的一些建议
- Excel VBA程序设计中提高效率的一些建议
- 给程序员推荐一些提高工作效率的工具
- 给程序员推荐一些提高工作效率的工具(二)
- 提高工作效率的一些方法
- 中级程序员突破瓶颈,提高自己的一些建议
- web开发快速提高工作效率的一些资源
- 改善C++ 程序的150个建议学习之建议35:使用内存池技术提高内存申请效率与性能
- 提高编程效率的几点建议
- 一些提高效率的xcode快捷键
- 提高会议效率的一些措施
- 提高数据库效率的一些方法--eg:大批量循环插入数据的简化
- iOS一些提高开发效率的宏(收集)
- 一些提高工作效率的软件地址