find 和 DOM遍历孰快孰慢~

做个无聊的测试，测试下，$('.XX .CCC') 和 $('.XX').find('.CCC')这两个谁快谁慢。。。

我想我今天肯定是闲死了。。

不过有个好玩的发现。但是我这个只是一个简单的例子，不能用大数据做统计分析。。只能说代表了一种现象。

页面结构：

View Code

JS：

View Code

10万次遍历的测试结果：

1: 1427956016805

2: 796

3: 692

1: 1427956018293

2: 803

3: 1077

可以看到：1. 通过id获取某个class的子节点，直接遍历比find要慢；

2. 通过class获取某个class的子节点，直接遍历比find要快很多。

3. 通过class获取某个class的子节点，比通过id获取某个class的子节点，要慢；

为此做了另外一个测试，把标识为a的id 和 class调换了位置；

10万次遍历的测试结果是：

1: 1427956790018

2: 783

3: 613

1: 1427956791414

2: 771

3: 1063

还可以看出来，1、2、3成立；

4. 通过class获取某个class的子节点，与位移有关系~~，尽量比较靠近，速度比较快~~

好吧，无聊的测试~~权作消遣~。权衡之，还是使用 class.class 这类来搞定~~

转载于:https://www.cnblogs.com/hanyuxinting/p/4386933.html

find 和 DOM遍历孰快孰慢~相关推荐

孰优孰劣：基于工业模型的数字化与基于数字互联网的工业化
孰优孰劣:基于工业模型的数字化与基于数字互联网的工业化这其实代表了两种商业思路,前者以德国工业4.0为特征,后者以美国GE提出的工业互联网为典型. 工业4.0 关键字:数字孪生Digi ...
何必分个孰优孰劣呢？！
最近在相当多的BBS上看到这个SBO和哪个R3相比,和金算盘,用友,金蝶相比.很是心烦,也颇为不屑. 我的Blog也不是太多人来看,大部分是关心业内的一些人士吧,所以我才会尽可能地说些实在 ...
网络推广专员浅析网络推广中如何分析网站建设水平孰优孰劣？
随着网站建设开发技术的成熟,网站建设从业人员也越来越多,很多站长并不是专业从事网站建设工作是半路出家的,像这种半路出家的群体并不在少数,他们在经过网站建设知识的积累后正式进入网络推广市场.那么对于这部 ...
javascript同级遍历_有用的DOM遍历方法，你需要了解一下
英文 | https://levelup.gitconnected.com/useful-dom-traversal-methods-d2b55cf8e25c翻译 | web前端开发(ID:web_q ...
VC6中用DOM遍历网页中的元素
VC6中用DOM遍历网页中的元素 2005-4-21 6:56:47 作者:模板天下收集整理来源:未知网友评论 0 条论坛286 一.摘要在我们编写的程序中,如果想要实现对浏览器打开的网页进行 ...
javascript DOM 遍历
javascript DOM 遍历由愚人码头撰写 http://www.css88.com/archives/514 javascript DOM 遍历以下一系列的辅助函数可以帮助您,他们能取 ...
话里话外:家族化管理模式和职业化管理模式孰优孰劣
中国改革开放三十年,在民营企业中有大批老板现今五六十岁,现在或未来都要考虑为企业选好接班人的问题.他们该如何传位呢?"世袭制"古已有之,"能者居之"亦古已有之. ...
京东与淘宝孰优孰劣？
标准是什么? 按照商业的一般标准,大致上可以依照市值来评估企业的成功与否,并且由于投资者是天生带有盈利的目的所以往往也能体现出企业未来的前景.目前阿里巴巴系的市值为5917.16亿,京东系为911.8 ...
刷新翻看我关注实时疫情物联网卡小知识:互联网流量卡vs物联网流量卡孰优孰劣?
大家好,最近很多朋友问小编,互联网最离不开的其实是流量卡,很多互联网应用离开了流量卡没有网络就实现不了互联网的便利,那么物联网其实也是建立在物联网流量卡的基础上的,那么互联网流量卡和物联网流量卡之间有 ...

find 和 DOM遍历孰快孰慢~

find 和 DOM遍历孰快孰慢~相关推荐

最新文章

热门文章