您现在的位置:首页 --> JavaScript --> jQuery之find选择器
jQuery之find选择器
浏览:3278次 出处信息
jQuery有非常强大的Sizzle引擎来实现选择器,jQuery做了优化,他们能很好的工作,你一般不必担心太多。然而,我们可以稍微做一些改进,将可以使你的脚本略有提高。
一般在jquery中能不要用Sizzle引擎就不要用,当然前面说了只要有可能,就尽量使用.find()方法。比如:
以下是代码片段: // Fine in modern browsers, though Sizzle does begin "running" $(’#someDiv p.someClass’).hide(); // Better for all browsers, and Sizzle never inits. $(’#someDiv’).find(’p.someClass’).hide(); |
上面两行代码执行的结果是完全一样的,但是下面一句的效率要比上面一句的执行效率高。
现代浏览器(除IE6,IE7)都有QuerySelectorAll支持,能允许你像CSS选择器一样获取对象,而不需要用到jQuery中的Sizzle引擎。jQuery会在使用自己的引擎之前检查是否存在这个函数。
对于IE6/IE7,就需要jQuery使用Sizzle引擎,jQuery会把你的选择器转化成一个数组,并且通过从右往左来迭代匹配。通过正则表达式匹配页面每一个元素,所以你的可以尽量减少选择器的层级,尽可能的使用最右边的选择器,比如使用ID选择器等;这个规则和我们的css的查找规则是一直的,如果你要优化css选择器也要知道这个规则:从右往左来迭代匹配!
尺度把握:
1.保持代码简单
2.尽可能的使用find()查找,使用浏览器的原生查找函数
3.尽可能使用最右边的选择器,比如ID等
建议继续学习:
- JQuery实现Excel表格呈现 (阅读:46515)
- 分享一个JQUERY颜色选择插件 (阅读:12629)
- Linux命令行里的“瑞士军刀” (阅读:10103)
- 利用find和sed批量替换文件内容 (阅读:9891)
- jQuery插件---轻量级的弹出窗口wBox. (阅读:9681)
- find命令的一点注意事项 (阅读:8140)
- 10个强大的Ajax jQuery文件上传程序 (阅读:7750)
- linux下搜索find命令详解 (阅读:7854)
- jQuery的data()方法 (阅读:7572)
- jQuery性能优化指南 (阅读:7302)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:jQuery之jQuery方法总是返回jQuery对象
后一篇:jQuery之不要滥用$(this) >>
文章信息
- 作者:愚人码头 来源: WEB前端开发
- 标签: find jQuery 选择器
- 发布时间:2010-10-07 08:22:10
建议继续学习
近3天十大热文
- [68] 如何拿下简短的域名
- [68] Go Reflect 性能
- [64] Oracle MTS模式下 进程地址与会话信
- [61] IOS安全–浅谈关于IOS加固的几种方法
- [61] 图书馆的世界纪录
- [60] 【社会化设计】自我(self)部分――欢迎区
- [59] android 开发入门
- [54] 视觉调整-设计师 vs. 逻辑
- [49] 读书笔记-壹百度:百度十年千倍的29条法则
- [47] 界面设计速成