jQuery 重复选择器警告（Duplicated jQuery selector）

最新推荐文章于 2024-01-31 00:15:00 发布

原创最新推荐文章于 2024-01-31 00:15:00 发布 · 3.2k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#jquery #javascript #前端

收录于

jQuery 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了解决JQuery中频繁重新读取选择器导致性能问题的方法，通过定义变量存储选择器，以提高代码执行效率。

文章目录

1 警告截图
2 解决办法：定义变量 = 选择器

1 警告截图

在这里插入图片描述

2 解决办法：定义变量 = 选择器

/* 原因：JQuery 建议去用一个变量去存储这个选择器
        因为每次使用都会重新读取而不会缓存
*/
function myFunction() {
    let p1 = $("#p1"); // ← 看这里
    let w = p1.width();
    let h = p1.height();
    
    console.log("w = " + w, "h = " + h);
}