有哪些最佳实践可提高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 18岁的祝福语简短
13 给老板祝福语简短精辟
14 白羊生日祝福语 简短独特
15 送给客户的祝福语 简短
16 同事调动的祝福语简短
17 猪年元旦祝福语简短创意
18 庆祝国家的祝福语简短