Site icon 时鹏亮的Blog

jQuery 重复选择器警告(Duplicated jQuery selector)的修复方法

请知悉:本文最近一次更新为 1 year 前,文中内容可能已经过时。

恩,其实不修复也是能用的,但看到提示了,总要知道为什么要警告以及修复的方法。

原因:jQuery 建议去用一个变量去存储选择器,因为每次使用都会重新读取而不会缓存。

那么修复方法也很简单,在不需要重新读取的部分,var 变量=$(选择器),之后使用变量即可。

示例代码:

function myFunction() {
let p1 = $("#p1"); // ← 看这里
let w = p1.width();
let h = p1.height();

console.log("w = " + w, "h = " + h);
}

参考资料

jQuery 重复选择器警告(Duplicated jQuery selector)


如您从本文得到了有价值的信息或帮助,请考虑扫描文末二维码捐赠和鼓励。

尊重他人劳动成果。转载请务必附上原文链接,我将感激不尽。


与《jQuery 重复选择器警告(Duplicated jQuery selector)的修复方法》相关的博文:

Exit mobile version