首页 > Web开发 > 详细

id选择器的使用----jQuery高级技巧

时间:2014-03-12 22:46:29      阅读:719      评论:0      收藏:0      [点我收藏+]

尽可能使用ID选择器

  在使用jQuery之后,你会发现利用class属性来选择DOM元素变得相当简单。尽管如此,还是推荐大家尽量少用class选择器取而代之尽量多使用运行更快的ID选择器(IE浏览器下使用class选择器会在遍历整个DOM树之后返回相符的class包装集)。而ID选择器更快是因为DOM本身就有”天然的”getElementById这个方法,而class并没有。所以如果使用class选择器的话,浏览器会遍历整个DOM,如果你的网页DOM结构足够复杂,这些class选择器足矣把页面拖得越来越慢。让我们看看这段简单的HTML代码:

<div id="main">
<form method="post" action="/">
  <h2>Selectors in jQuery</h2>
  ...
  <input class="button" id="main_button" type="submit" value="Submit" />
</form>
</div>
 

 //使用class来调用submit按钮要比使用绝对的ID选择器慢很多
var main_button = $(‘#main .button‘);
var main_button = $(‘#main_button‘);

id选择器的使用----jQuery高级技巧,布布扣,bubuko.com

id选择器的使用----jQuery高级技巧

原文:http://blog.csdn.net/zjplovemm/article/details/21113643

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!