什么是更快 - 檢查元素屬性vs檢查元素位置

Question

好的......我有以下設置：

一個div有n個div作為孩子（n很大）。 我需要隱藏/刪除（並不重要 - 我認為刪除更好，但如果你有意見，這里有幫助）第3，第4，第5，第6，第9，第10，第11，第12，第15，第16，等等（n + 1模6> 1 - 0和1不會被隱藏）。

什么是更快：獲取父div子項並使用邏輯來隱藏div：

childrenArray = document.getElementById('id').childNodes;
lng = childrenArray.length;
for (i = 0; i < lng; i++) 
  if (i % 6 > 1)
    // Remove here.

或者將類添加到所需節點並檢查它。 jQuery類選擇器（或手寫腳本實際上更快）然后刪除。

注意：在你說jQuery類選擇器之前，最好考慮仍然檢查數組。

那么基本上什么是更快地檢查元素屬性或進行數學運算和比較？

Answer 1

父類+ css規則是最快的方法，但你最好測試它。

.hide-all-but-each-6th * { display:none }
.hide-all-but-each-6th *:nth-child(6n) { display: block }`

Answer 2

不太確定，但我認為第一個選項會更快，因為如果你向一個元素添加一個類屬性，那么jquery選擇器將不得不查看整個文檔，因為多個元素可以有相同的類，所以它必須遍歷整個文檔。

但在第一種情況下，如果您找到所需的潛水，則無需查看整個文檔。 這樣會更快。 您還可以使用id屬性來選擇所需的元素。