jQuery——选择器效率
2024-10-09 05:19:30
N1:$('#box').find('p'):最快,直接了当的找到对应的节点jQuery对象;
N2:$('p','#box'):注意不是$('p,#box')!!!,jQuery会按照从右往左的顺序解译执行,所以会选到id=‘box’内的所有p元素;
N3:$('#box').children('p');
N4:$('#box>p'):这种情况会用Sizzle引擎从右往左依次处理,其中符号的识别处理过程无形中增加了处理时间;注:主要的匹配过程的核心是用正则表达式进行的
N5:$(‘#box p’);
一般在使用jQuery的时候尽量使用jQuery提供的函数(find()、prev()、children()、等)而不是某些符号(如:~,+,>,等),同时减少连用的次数(如:$('#box').find('p').css({'color':'red','font-wight':'bold'}));
还有一种更快的方法-------使用中间变量存jQuery对象:
var $box=$('box');
var $p=$box.find('p');
$p.css('color','red');
最新文章
- Linq实现DataTable的分组统计
- Log4Net学习【二】
- [BILL WEI] A potentially dangerous Request.Path value was detected from the client 异常处理办法
- python 安装ssh和Scrapy
- asp.net导出Excel类库
- 关于在jsp中的表达式
- 《Java从入门到放弃》JavaSE篇:程序结构
- 项目详解4—haproxy 详解
- java--Iterator迭代问题:集合并发访问异常
- JFinal开发环境搭建,JFinal开发案例
- 微信公众号开发加密解密异常java.security.InvalidKeyException:illegal Key Size
- Python第7天
- Solve Error: Unhandled exception at 0x00905a4d in xxx.exe: 0xC0000005: Access violation.
- 测试开发之前端——No8.HTML5中的媒介事件
- sql 表连接基本的语法
- 通过BeanShell获取UUID并将参数传递给Jmeter
- maven仓库地址配置
- winform npoi excel 样式设置
- Linux上给php配置redis扩展
- Oracle数据类型char与varchar的对比