当前位置:   article > 正文

id选择器的使用----jQuery高级技巧_jquery怎么通过id选择器设置提醒

jquery怎么通过id选择器设置提醒

尽可能使用ID选择器

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

  1. <div id="main">
  2. <form method="post" action="/">
  3. <h2>Selectors in jQuery</h2>
  4. ...
  5. <input class="button" id="main_button" type="submit" value="Submit" />
  6. </form>
  7. </div>

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/574262
推荐阅读
相关标签
  

闽ICP备14008679号