有哪些最佳实践可提高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.”);热门推荐
5 庆双节祝福语简短
10 姐姐女儿结婚祝福语简短
11 蛋糕祝老师祝福语简短
12 结婚对白誓言简短祝福语
13 女生成年祝福语简短
14 三八简短祝福语给婆婆
15 店家搬家祝福语大全简短
16 发廊元旦祝福语大全简短
17 顾客简短祝福语大全集
18 买房的祝福语高级简短