您现在的位置:首页 --> JavaScript --> jQuery之find选择器
jQuery之find选择器
浏览:3340次 出处信息
jQuery有非常强大的Sizzle引擎来实现选择器,jQuery做了优化,他们能很好的工作,你一般不必担心太多。然而,我们可以稍微做一些改进,将可以使你的脚本略有提高。
一般在jquery中能不要用Sizzle引擎就不要用,当然前面说了只要有可能,就尽量使用.find()方法。比如:
1 | <pre><table style= "BORDER-RIGHT: #cccccc 1px dotted; TABLE-LAYOUT: fixed; BORDER-TOP: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted" cellspacing= "0" cellpadding= "6" width= "95%" align= "center" border= "0" ><tbody><tr><td style= "WORD-WRAP: break-word" bgcolor= "#fdfddf" ><font style= "FONT-WEIGHT: bold; COLOR: #990000" >以下是代码片段:</font><br> // Fine in modern browsers, though Sizzle does begin "running" <br><br>$(’#someDiv p.someClass’).hide(); <br><br>// Better for all browsers, and Sizzle never inits. <br><br>$(’#someDiv’).find(’p.someClass’).hide();</td></tr></tbody></table></pre> |
上面两行代码执行的结果是完全一样的,但是下面一句的效率要比上面一句的执行效率高。
现代浏览器(除IE6,IE7)都有QuerySelectorAll支持,能允许你像CSS选择器一样获取对象,而不需要用到jQuery中的Sizzle引擎。jQuery会在使用自己的引擎之前检查是否存在这个函数。
对于IE6/IE7,就需要jQuery使用Sizzle引擎,jQuery会把你的选择器转化成一个数组,并且通过从右往左来迭代匹配。通过正则表达式匹配页面每一个元素,所以你的可以尽量减少选择器的层级,尽可能的使用最右边的选择器,比如使用ID选择器等;这个规则和我们的css的查找规则是一直的,如果你要优化css选择器也要知道这个规则:从右往左来迭代匹配!
尺度把握:
1.保持代码简单
2.尽可能的使用find()查找,使用浏览器的原生查找函数
3.尽可能使用最右边的选择器,比如ID等
建议继续学习:
- JQuery实现Excel表格呈现 (阅读:46680)
- 分享一个JQUERY颜色选择插件 (阅读:12830)
- Linux命令行里的“瑞士军刀” (阅读:10437)
- 利用find和sed批量替换文件内容 (阅读:10263)
- jQuery插件---轻量级的弹出窗口wBox. (阅读:9755)
- find命令的一点注意事项 (阅读:9511)
- 10个强大的Ajax jQuery文件上传程序 (阅读:7819)
- linux下搜索find命令详解 (阅读:8123)
- jQuery的data()方法 (阅读:7699)
- jQuery性能优化指南 (阅读:7466)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:jQuery之jQuery方法总是返回jQuery对象
后一篇:jQuery之不要滥用$(this) >>
文章信息
- 作者:愚人码头 来源: WEB前端开发
- 标签: find jQuery 选择器
- 发布时间:2010-10-07 08:22:10
建议继续学习
近3天十大热文
-
[84] memory prefetch浅析
-
[53] 基本排序算法的PHP实现
-
[52] 深入浅出cassandra 4 数据一致性问
-
[50] 转载:cassandra读写性能原理分析
-
[42] 字符引用和空白字符
-
[42] MySQL半同步存在的问题
-
[40] Inline Form Labels
-
[40] javascript插入样式
-
[38] JS中如何判断字符串类型的数字
-
[38] 获取Dom元素的X/Y坐标