提升 jQuery 选择器性能的最佳实践是什么?


要提升 jQuery 选择器的性能,需要执行的优化。以下是其中的一些技巧

缓存选择器

缓存可以提升应用程序的性能。缓存 jQuery 选择器以提高性能。可以通过使用 ID 作为选择器来实现。例如,这会缓存选择器并将结果存储在变量中。

var $elm = $("#elm");

不要使用 jQuery ID 选择器,而要使用 $elm 变量

var $elm = $("#elm");
$elm.addClass(‘example’);

使用 ID 选择器

jQuery 是一个 JavaScript 库。在 JavaScript 中,document.getElementById() 用来选择 HTML 元素,这是最快的办法。由于 jQuery 是在 JavaScript 基础之上编写的,因此它会调用 JavaScript 函数来完成任务。使用 ID 作为 jQuery 中的选择器,会调用 document.getElementById(),因此,请始终尝试使用 ID 选择器。

避免重复选择器

不要重复选择器,而是使用链式,在一个调用中对多个方法进行链接。假设有以下代码

以下是经过优化的版本

$("div").css({"color", "blue", "font-size", "12px"}).text("This is demo text.”);

更新于: 2019-12-09

1K+ 浏览

开启你的职业生涯 Career

完成课程获得证书

开始
广告