现在jquery应用的越来越多, 有些同学在享受爽快淋漓coding时就将性能问题忽略了, 比如我. jquery虽在诸多的js类库中性能表现还算优秀, 但毕竟不是在用原生的javascript开发, 性能问题还是需要引起重视的. 简单翻译了一篇相关文章如下:
在jquery中最快的选择器是ID选择器. 因为它直接来自于Javascript的getElementById()方法. <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> 像这样选择按钮是低效的: var traffic_button = $(‘#content .button’);用ID直接选择按钮效率更高: var traffic_button = $(‘#traffic_button’); 选择多个元素 提到多元素选择其实是在说DOM遍历和循环, 这些都是比较慢的东西.为了提高性能, 最好从就近的ID开始继承. var traffic_lights = $(‘#traffic_light input’); (责任编辑:admin) |