您现在的位置:首页 --> JavaScript --> jQuery之find选择器
jQuery之find选择器
浏览:4074次 出处信息
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表格呈现 (阅读:47836)
- 分享一个JQUERY颜色选择插件 (阅读:13812)
- Linux命令行里的“瑞士军刀” (阅读:11173)
- find命令的一点注意事项 (阅读:11278)
- 利用find和sed批量替换文件内容 (阅读:11059)
- jQuery插件---轻量级的弹出窗口wBox. (阅读:10426)
- linux下搜索find命令详解 (阅读:8969)
- 10个强大的Ajax jQuery文件上传程序 (阅读:8493)
- jQuery的data()方法 (阅读:8320)
- jQuery性能优化指南 (阅读:8420)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:jQuery之jQuery方法总是返回jQuery对象
后一篇:jQuery之不要滥用$(this) >>
文章信息
- 作者:愚人码头 来源: WEB前端开发
- 标签: find jQuery 选择器
- 发布时间:2010-10-07 08:22:10
建议继续学习
近3天十大热文
-
[324] WordPress插件开发 -- 在插件使用 -
[151] 解决 nginx 反向代理网页首尾出现神秘字 -
[92] IOS安全–浅谈关于IOS加固的几种方法 -
[50] 二维码的生成细节和原理 -
[50] Linux Used内存到底哪里去了? -
[49] 到底什么是MVC? -
[48] Shell的那些事儿 -
[47] 中间件和稳定性平台 -
[47] Hacker News 排名算法工作原理 -
[46] 浏览器的工作原理:新式网络浏览器幕后揭秘
