技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> JavaScript --> jQuery之find选择器

jQuery之find选择器

浏览:3283次  出处信息

    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等

建议继续学习:

  1. JQuery实现Excel表格呈现    (阅读:46524)
  2. 分享一个JQUERY颜色选择插件    (阅读:12657)
  3. Linux命令行里的“瑞士军刀”    (阅读:10157)
  4. 利用find和sed批量替换文件内容    (阅读:9940)
  5. jQuery插件---轻量级的弹出窗口wBox.    (阅读:9688)
  6. find命令的一点注意事项    (阅读:8173)
  7. 10个强大的Ajax jQuery文件上传程序    (阅读:7758)
  8. linux下搜索find命令详解    (阅读:7898)
  9. jQuery的data()方法    (阅读:7588)
  10. jQuery性能优化指南    (阅读:7334)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1