2. 在class前使用tag
第二快的选择器是tag选择器($(’head’)). 同理,因为它来自原生的getElementsByTagName() 方法. <div id=“content”> <form method=“post” action=“/”> <h2>Traffic Light</h2> <ul id=“traffic_light”> <li><input type=“radio” class=“on” name=“light” value=“red” /> Red</li> <li><input type=“radio” class=“off” name=“light” value=“yellow” /> Yellow</li> <li><input type=“radio” class=“off” name=“light” value=“green” /> Green</li> </ul> <input class=“button” id=“traffic_button” type=“submit” value=“Go” /> </form> </div>;
总是用一个tag name来限制(修饰)class (并且不要忘记就近的ID): var active_light = $(‘#traffic_light input.on’);
注意: 在jquery中Class是最慢的选择器. IE浏览器下它会遍历所有DOM节点不管它用在那里.
不要用用tag name来修饰ID. 下面的例子将会遍历所有的div元素来查找id为’content’的哪一个节点: var content = $(‘div#content’);
用ID修饰ID也是画蛇添足:
var traffic_light = $(‘#content #traffic_light’);
出处:Time Machine
责任编辑:moby
上一页 jQuery性能优化指南 [1] 下一页 jQuery性能优化指南 [3]
◎进入论坛网页制作、WEB标准化版块参加讨论,我还想发表评论。
|