关于jquery性能最佳实践的讨论,与求教


Posted in Javascript onMarch 30, 2012

原因是我在测试的时候:带入了错误的变量。具体可以查看图片上的 $(parentID > childClass) 我直接比较两个字符换大小了!
感谢 html5中文网 QQ群中的 “不见丘比特”。

其中第三点提到父元素与子元素的关系中提到了 从父元素选择子元素的用例:

 $('.child', $parent) 
$parent.find('.child') 

$parent.children('.child') 

$('#parent > .child') 

$('#parent .child') 

$('.child', $('#parent'))

在其所给的测试用例中 确实是使用jquery的find方法最快,但是稍作修改却得到了另外的一个结果$('#parent > .child')完胜。

在作者的用例中只是直接缓存了对象 $('#parent');但是当我们把dom的id和class属性作为常量定义并传入测试用例中的时候就出现我说的另外一个结果。
作者原生测试页面:http://jsperf.com/bell-selector
结果截图:
关于jquery性能最佳实践的讨论,与求教
修改后的测试页面:http://jsperf.com/bell-selector/2
结果截图:
关于jquery性能最佳实践的讨论,与求教

同时给我我从真实环境中取出来的一块代码段所做的测试,同样也是$('#parent > .child')这样的写法最快。
测试页面:http://jsperf.com/findchildren
结果截图:
关于jquery性能最佳实践的讨论,与求教
从以上结果截图中可以看到,我给出的两个测试结果明显是使用了大于号选择符的那个性能做好。

请各位看到此文或者了解详情的能给一个说明。关于文章中的其它内容都是比较好的观点。
文章:https://3water.com/article/28056.htm

园子中那位有时间和条件的可以对以上各个操作做一次调试,给出详细的流程说明。我要等到手中的项目做完才有时间来调试这个过程。

Javascript 相关文章推荐
JS是否可以跨文件同时控制多个iframe页面的应用技巧
Dec 16 Javascript
使用JQ来编写最基本的淡入淡出效果附演示动画
Oct 31 Javascript
5个书写JavaScript代码的坏习惯,看看你中枪了没?
Nov 06 Javascript
JS实现点击按钮获取页面高度的方法
Nov 02 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
Nov 23 Javascript
基于jQuery实现音乐播放试听列表
Apr 14 Javascript
AngularJS通过$location获取及改变当前页面的URL
Sep 23 Javascript
node.js实现回调的方法示例
Mar 01 Javascript
Popup弹出框添加数据实现方法
Oct 27 Javascript
jQuery实现点击DIV同时点击CheckBox,并为DIV上背景色的实例
Dec 18 jQuery
小程序数据通信方法大全(推荐)
Apr 15 Javascript
JavaScript实现的3D旋转魔方动画效果实例代码
Jul 31 Javascript
从面试题学习Javascript 面向对象(创建对象)
Mar 30 #Javascript
jQuery 自定义函数写法分享
Mar 30 #Javascript
一个JQuery操作Table的代码分享
Mar 30 #Javascript
javascript工具库代码
Mar 29 #Javascript
Web开发之JavaScript
Mar 29 #Javascript
CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法
Mar 29 #Javascript
javascript对talbe进行动态添加、删除、验证实现代码
Mar 29 #Javascript
You might like
PHP下对字符串的递增运算代码
2010/08/21 PHP
供参考的 php 学习提高路线分享
2011/10/23 PHP
Yii2压缩PHP中模板代码的输出问题
2018/08/28 PHP
laravel框架路由分组,中间件,命名空间,子域名,路由前缀实例分析
2020/02/18 PHP
Javascript 获取滚动条位置等信息的函数
2009/09/08 Javascript
Javascript中的isNaN函数使用说明
2011/11/10 Javascript
extjs实现选择多表自定义查询功能 前台部分(ext源码)
2011/12/20 Javascript
简化版手机端照片预览组件
2015/04/13 Javascript
JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码
2015/09/17 Javascript
简单理解JavaScript中的封装与继承特性
2016/03/19 Javascript
jQuery on()方法绑定动态元素的点击事件实例代码浅析
2016/06/16 Javascript
JS两种类型的表单提交方法实例分析
2016/11/28 Javascript
基于JavaScript实现下拉列表左右移动代码
2017/02/07 Javascript
jQuery实现每隔一段时间自动更换样式的方法分析
2018/05/03 jQuery
vue项目打包部署_nginx代理访问方法详解
2018/09/20 Javascript
jQuery+css last-child实现选择最后一个子元素操作示例
2018/12/10 jQuery
vue 项目 iOS WKWebView 加载
2019/04/17 Javascript
html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】
2019/09/10 jQuery
[05:39]2014DOTA2国际邀请赛 DK晋级胜者组专访战队国士无双
2014/07/14 DOTA
[04:22]DOTA2上海特级锦标赛主赛事第四日TOP10
2016/03/06 DOTA
Python操作MySQL数据库9个实用实例
2015/12/11 Python
python 通过logging写入日志到文件和控制台的实例
2018/04/28 Python
python3+PyQt5 数据库编程--增删改实例
2019/06/17 Python
django表单中的按钮获取数据的实例分析
2020/07/31 Python
详解Python高阶函数
2020/08/15 Python
python实现测试工具(二)——简单的ui测试工具
2020/10/19 Python
美国派对用品及装饰品网上商店:Shindigz
2016/07/30 全球购物
大学毕业生简单自荐信
2013/11/05 职场文书
校长岗位职责
2013/11/26 职场文书
餐厅考勤管理制度
2014/01/28 职场文书
七一建党节演讲稿
2014/09/11 职场文书
出国留学单位推荐信
2015/03/26 职场文书
新郎新娘致辞
2015/07/31 职场文书
祝酒词范文
2015/08/12 职场文书
一篇文章弄懂Python关键字、标识符和变量
2021/07/15 Python
苹果发布了MagSafe固件更新,可以不外接电源实现最高7.5W充电
2022/04/21 数码科技