星空网 > 软件开发 > Java

高效使用jQuery之选择器

1   JavaScript和jQuery在选择id元素时是异曲同工的,但是从执行效率上面来讲,差距很大。由于jQuery需要对参数串进行解析配出是id值后再调用getElementById()方法获取该id元素,所以花费时间更长!所以应当积极使用JavaScript原生的get**()方法,即使在复杂的环境下嵌入使用getelementtagname()也比$()方法来说效率要快!

2 层级选择器中,包含选择器,子选择器,兄弟选择器,相邻选择器。

第一类 结构上讲属于内部结构

  包含选择器和子选择器选择部分重合,但是包含选择还包括选择部分的嵌套内;

第二类 同级结构选择

   相邻选择器和兄弟选择器,显然兄弟选择器匹配更多元素。

3 看过一些书上说多使用id选择器,但是前面看过的html5书籍说过应该尽量少的使用id,不便于维护,很纠结的问题(一个解决方法是在父级元素添加一个id选择器)。

4少直接使用class选择器,因为每次使用同都需要遍历一次文档,可以使用复合选择器tag.class。

5少使用嵌套关系多使用父子关系 parent>child 代替parent child,只从子节点匹配,不需要递归,后代选择器递归所有子节点还有儿子的儿子(为什么不直接说孙子)。

6缓存jQuery对,

   {  for(i=0;i<100;i++)

        {    var mylisy=$("mylist");

               mylist.append(i);

         }

}

使用下面的方法效率更高  

var mylist=$("mylist");

for (*******)

      mylist.append(i);

                  




原标题:高效使用jQuery之选择器

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

twitter红人:https://www.goluckyvip.com/tag/4924.html
LinkedIn群组:https://www.goluckyvip.com/tag/4925.html
跟卖对策:https://www.goluckyvip.com/tag/4926.html
QA的重要性:https://www.goluckyvip.com/tag/4927.html
中国时尚跨境电商发展报告:https://www.goluckyvip.com/tag/49279.html
产品禁售类:https://www.goluckyvip.com/tag/4928.html
37号文今后是否会更新?一文详解关键信息 :https://www.kjdsnews.com/a/1836441.html
探讨内地人开设香港账户的可行性 :https://www.kjdsnews.com/a/1836442.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流