jQuery选择器优化问题，使用$('#a .b')等，IDE会提示这是低效的用法的解决

最新推荐文章于 2022-11-04 08:41:10 发布
原创 最新推荐文章于 2022-11-04 08:41:10 发布 · 2.9k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jquery #优化 #ide

本文介绍了如何优化jQuery选择器的使用方法，特别是针对带有ID前缀的后代选择器及重复选择器的问题，提供了两种解决方案：一是拆分选择器，二是使用缓存提高效率。
当在IDE中这样使用选择器时，会出现这是低效的用法的提示：

       Checks that jQuery selectors are used in an efficient way. It suggests to split descendant selectors which are prefaced with ID selector and warns about duplicated selectors which could be cached.     

要把有id选择器为前缀的后代选择器分开来，使用缓存来解决。

解决方法一、


解决方法二、


jquery Selectors
spiritfrog
05-30 196
[url]http://docs.jquery.com/Selectors[/url] selectors其实也是jquery的核心内容， 没有跟core放在一起有些奇怪， 因为core的章节中已经提到了slector用法，那种类似xpath的取对象方式算得上是jquery最吸引人的特点了。 selectors基本方式： #id Returns: Array id属性唯一确认一个对象...
jQuery选择器的优化选择
weixin_30267697的博客
09-05 118
1.1 属性选择器 var $div=$("[id]"); 选中拥有该属性的元素 var $div=$("[id=div]"); 选中该属性值为div的元素 var $div=$("[id!=div]"); 选中该属性值不为div的元素 （html body 等节点也会被选中） var $div=$("[id^=div]"); 选中该属性值以div开头的元素 ...
jquery选择器优化
Daniel is coding
07-25 668
说明 参考BaritSaiy在cnblog的博客Jquery优化效率 提升性能解决方案而写，主要是对该博文中的表述进行简化，并对各知识点的顺序进行了调整。 该博文主要介绍如何在可以实现相同效果的多种jquery表述语法中选择更为高效的表述。具体包括以下几个方面： Dom元素选择器； Dom元素操作； 事件绑定； 页面加载优化； Dom元素选择器优化
IntelliJ IDEA中js代码报如下警告的解决方法
热门推荐
请叫我大师兄
03-09 2万+
Checks that jQuery selectors are used in an efficient way. It suggests to split descendant selectors which are prefaced with ID selector and warns about duplicated selectors which could be cached.
jQuery选择器性能优化
LzzMandy的博客
04-16 439
1、按性能理想 从优到劣 排序： ID选择器>类选择器>标签选择器>属性选择器>伪选择器 $("#id") >$(".class")>$("p")>$("[attribute=value]")>$(":selected") 有！important优先级最高 2、在实际页面中的显示顺序  内
如何优化jquery选择器
nich002的专栏
03-28 1160
原文地址:http://www.sitepoint.com/efficient-jquery-selectors/ 和他的字面意思一样,jQuery专注于查询. 他的核心类库允许你使用CSS选择器语法和集合中的方法来查找DOM树中的元素. jQuery使用本地浏览器中的API方法来获取DOM集合. 比较新的浏览器都支持getElementByClassName,querySelector和qu
JQUERY在网站开发中的应用
- 优化选择器：合理使用jQuery选择器，避免使用过于复杂或低效的选择器。 - 保持最小化：压缩和优化jQuery代码，减少文件体积。 - 关注安全：注意防范XSS攻击，确保用户输入被正确清理和验证。 6. 与其它前端库...
基于JQuery与TypeScript的浏览器插件开发项目
使用JQuery可以极大简化此类任务，比如通过`$('#element').append()`快速插入内容，或使用`$(document).on('click', handler)`绑定事件，避免原生JavaScript中繁琐的选择器查询和兼容性处理。此外，JQuery还提供了...
基于README.md的配置方案概念验证
这实际上构建了一种基于文本标记的选择器系统，类似于前端中的 CSS 选择器或 jQuery 风格的 DOM 查询，但作用对象是纯文本文档。 进一步分析其设计逻辑，可以发现该项目巧妙地利用了 Markdown 的结构性特征。...
MyEclipse 6.5中安装Aptana插件的详细步骤
Aptana插件恰好解决了这一痛点，它不仅支持jQuery语法高亮，还能解析jquery_api_for_dw4这类外部API定义文件（见压缩包文件名），实现针对jQuery方法的智能提示和文档查看功能。这种机制类似于现代IDE中的“Type ...
【ArchestrA IDE新手福音】：图解项目搭建与界面定制指南
![【ArchestrA IDE新手福音】：图解项目搭建与界面定制指南](https://www.dmcinfo.com/Portals/0/CustomPropertyScript.png) 参考资源链接：[Intouch与ArchestrA ...ArchestrA IDE是一种高度集成的开发环境，专为自动
表单中的按钮问题、jQuery选择器优化效率问题
u012148262的博客
01-18 514
一、表单中有一旦点击就会提交表单，要给加上type=“button”属性。二、1.  Duplicated jQuery selector 两处使用了同一个id选择器，JQuery建议使用一个变量去存储这个选择器，而不是每次用的时候便拿来调用一下，它不会帮你做缓存，而是重新去取。可以参考StackOverflow上的回答：https://stackoverflow.com/questions/16
jQuery 重复选择器警告（Duplicated jQuery selector）
鱼丸丶粗面
12-31 3243
文章目录1 警告截图2 解决办法：定义变量 = 选择器 1 警告截图 2 解决办法：定义变量 = 选择器 /* 原因：JQuery 建议去用一个变量去存储这个选择器 因为每次使用都会重新读取而不会缓存 */ function myFunction() { let p1 = $("#p1"); // ← 看这里 let w = p1.width(); let h = p1.height(); console.log("w = " + w, "h =
jQuery - Selectors选择器 - checked选中
胡争辉
10-18 2716
jQuery - Selectors选择器 - checked选中 [Selectors/checked文档] http://docs.jquery.com/Selectors/checked [jQuery官方网站] http://jquery.com/ [jQuery当前版本] http://docs.jquery.com/Release:j
jquery 选择器深入
m0_72694993的博客
11-04 1249
8.A[arr]~="value"]对arr的值为value或者包含value的A进行操作。9.A[arr]|="value"]对arr的值为value和以value开头的进行操作。5.A[arr]^="value"]对arr的值以value开头的A进行操作。6.A[arr]$="value"]对arr的值以value结尾的A进行操作。7.A[arr]*="value"]对arr的值v包含value的A进行操作。2.A[arr="value"] 对arr的值为value的A进行操作。
jquery在IntelliJ IDEA(Webstorm)下提示警告Duplicated jQuery selector less
FUNCO_小风
04-29 4606
经常碰到intelliJ IDEA在jquery里面提示如下代码Duplicated jQuery selector less...点开Ctrl+F1后的详细描述我就不给了，没啥用。单说这一句，其实就是提示你减少重复的Jquery选择器。意思是，如果要多次使用$("")查找同一个或同一类元素的话，通过将这个赋值给变量，在后续直接引用这一变量会更高校，避免重复查找，降低效率。如下：原代码$('#di...
JQuery警告：Duplicated jQuery selector
Jalen备忘录
11-16 2万+
1.如果你在一个函数中重复写这个id的选择器，你就可能遇到这种警告，而这种警告通常实在Intellj系列的编辑器中显示，警告截图如下： 上面代码中两处使用了同一个id选择器，JQuery建议你使用一个变量去存储这个选择器，而不是每次用的时候便拿来调用一下，它不会帮你做缓存，而是重新去取。可以参考StackOverflow上的回答：https://stackoverflow
理解jQuery Ajax：$.ajax、$.post、$.get实战解析
"这篇文章主要介绍了jQuery中的Ajax方法，包括$.ajax、$.post和$.get的实例代码和使用细节。" 在Web开发中，jQuery库提供了一组方便的API来处理Ajax请求，使得与服务器进行异步通信变得更加简单。Ajax允许我们在不...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值