zoukankan      html  css  js  c++  java
  • jQuery选择器最佳实践--来自jQ官网

    1、基于ID选择器进行查询,并且使用find方法。

    1 //快速
    2 $("#container div.footer");
    3 
    4 //超快
    5 $("#container").find("div.footer");

     使用find方法会减少遍历节点的时间。

    2、使用混合选择器时,在右边的选择器最好具体一些。

    1 //优化前
    2 $("div.data .footer");
    3 
    4 //优化后
    5 $(".data div.footer");

    左边最好只使用tag或class这样的选择器,右边最好使用tag.class这样的方式。

    3、避免使用过多的选择器。

    1 //糟糕
    2 $("div p.data span.test");
    3 
    4 //很好
    5 $("div span.test");

    这样可以减少选择器引擎遍历节点的时间。

    4、避免使用通用的选择器,会花费很多查找时间。

    1 $(".buttons > *");            // Extremely expensive.
    2 $(".buttons").children();   // Much better.
    3  
    4 $(".category :radio");        // Implied universal selection.
    5 $(".category *:radio");       // Same thing, explicit now.
    6 $(".category input:radio"); // Much better.
  • 相关阅读:
    JEECG开发总结
    ehcache集群的配置
    spring拦截器
    spring的基本配置
    kindeditor编辑器
    jQuery中的Ajax
    表单验证
    Python中的Random模块
    Open vSwitch FAQ (二)
    Open vSwitch FAQ (一)
  • 原文地址:https://www.cnblogs.com/yanyd/p/4153741.html
Copyright © 2011-2022 走看看