有哪些最佳实践可提高jQuery选择器性能?
为了提高jQuery选择器的性能,您需要执行优化。以下是一些技巧:
缓存选择器
缓存可增强应用程序的性能。缓存jQuery选择器以获得更好的性能。可以使用ID作为选择器来完成。例如,这将缓存选择器并将其存储在变量中。
var $elm = $("#elm");代替使用jQueryID选择器,使用$elm变量:
var $elm = $("#elm");
$elm.addClass(‘example’);使用ID选择器
jQuery是一个JavaScript库。在JavaScript中,document.getElementById()用于选择HTML元素,这是最快的方法。由于jQuery是在JavaScript之上编写的,因此它将调用JavaScript函数来完成任务。在jQuery中使用ID作为选择器,会调用document.getElementById(),因此请始终尝试使用ID选择器。
避免重复选择器
不要重复选择器并使用链接在单个调用中链接多个方法。假设以下是代码:
这是优化的版本:
$("div").css({"color", "blue", "font-size", "12px"}).text("This is demo text.”);热门推荐
10 儿子立冬祝福语简短独特
11 对当兵的祝福语简短
12 侄儿高考试祝福语简短
13 伴郎红包祝福语朋友简短
14 媳妇生日简短祝福语朋友
15 公司年会祝福语简短最好
16 元旦感恩祝福语简短大全
17 红包祝福语简短10字
18 周六早晨祝福语简短