使用jQuery隱藏元素;我應該使用哪種方法？爲什麼？

$("div span").hide(); 

$("div > span").hide();

對性能有什麼影響？

2011-08-12 Jimmy

這是jQuery或你使用什麼框架？ – Shi

這看起來很像jQuery。 ;） –

只是一個想法，我應該使用孩子父母選擇或典型的其他人，可能是CSS或jQuery。沒關係。 – Jimmy

第一個將隱藏<div>下找到的任何地方的所有<span>。第二個只會隱藏<span>，它們是<div>的直接子女。

2011-08-12 21:05:34

任何性能問題，哪一個更快？ – Jimmy

兩者同樣快。但第二個不會在'

THIS SPAN

'上工作，而第一個會。 –

我不能說清楚。如果我不得不猜測，我會認爲子選擇器會更快，因爲搜索範圍更窄（僅限於直接子項）。如果你只需要直接的孩子，我會使用第二個孩子，以避免意外地選擇遠離樹的「」。 –

在性能方面，它可能取決於確切的HTML，但我發現div > span選擇是大約30％在這個jsperf test更快。這可能是因爲它只需要查看每個div的孩子而不是整個DOM。

但是，在大多數情況下，速度差可能不夠。

2011-08-12 21:41:39 jfriend00

回答