您现在的位置:首页 --> JavaScript --> jQuery之find选择器
jQuery之find选择器
浏览:3341次 出处信息
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表格呈现 (阅读:46680)
- 分享一个JQUERY颜色选择插件 (阅读:12836)
- Linux命令行里的“瑞士军刀” (阅读:10437)
- 利用find和sed批量替换文件内容 (阅读:10263)
- jQuery插件---轻量级的弹出窗口wBox. (阅读:9758)
- find命令的一点注意事项 (阅读:9512)
- 10个强大的Ajax jQuery文件上传程序 (阅读:7823)
- linux下搜索find命令详解 (阅读:8123)
- jQuery的data()方法 (阅读:7703)
- jQuery性能优化指南 (阅读:7471)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:jQuery之jQuery方法总是返回jQuery对象
后一篇:jQuery之不要滥用$(this) >>
文章信息
- 作者:愚人码头 来源: WEB前端开发
- 标签: find jQuery 选择器
- 发布时间:2010-10-07 08:22:10
建议继续学习
近3天十大热文
-
[83] memory prefetch浅析
-
[53] 转载:cassandra读写性能原理分析
-
[51] 深入浅出cassandra 4 数据一致性问
-
[51] 基本排序算法的PHP实现
-
[46] 字符引用和空白字符
-
[41] Inline Form Labels
-
[41] MySQL半同步存在的问题
-
[40] JS中如何判断字符串类型的数字
-
[40] 获取Dom元素的X/Y坐标
-
[40] javascript插入样式