做個無聊的測試，測試下，$('.XX .CCC') 和 $('.XX').find('.CCC')這兩個誰快誰慢。。。

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

?

不過有個好玩的發現。但是我這個只是一個簡單的例子，不能用大數據做統計分析。。只能說代表了一種現象。

?

頁面結構：

?View Code

JS：

View Code?

?

10萬次遍歷的測試結果：

1: 14279560168052: 7963: 6921: 14279560182932: 8033: 1077

?

可以看到：1. 通過id獲取某個class的子節點，直接遍歷比find要慢；

2. 通過class獲取某個class的子節點，直接遍歷比find要快很多。

3. 通過class獲取某個class的子節點，比通過id獲取某個class的子節點，要慢；

?

為此做了另外一個測試，把標識為a的id 和 class調換了位置；

10萬次遍歷的測試結果是：

1: 1427956790018

?

2: 7833: 6131: 14279567914142: 7713: 1063

?

還可以看出來，1、2、3成立；?

4. 通過class獲取某個class的子節點，與位移有關系~~，盡量比較靠近，速度比較快~~

?

?

好吧，無聊的測試~~權作消遣~。權衡之，還是使用 class.class 這類來搞定~~?

?

轉載于:https://www.cnblogs.com/hanyuxinting/p/4386933.html

總結

以上是生活随笔為你收集整理的find 和 DOM遍历孰快孰慢~的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。