我應該在「addClass」之前使用「hasClass」嗎？

Question

我所遇到下面的腳本，檢查元素是否擁有a類，如果沒有，添加它：如果它已經存在

if (!$("div").hasClass("a")){ 
    $("div").addClass("a"); 
} 

在jQuery不會添加的類別，這可能被更改爲：

$("div").addClass("a"); 

然而，是否有任何性能改進通過使用hasClass第一，或此使用哪個addClass做同樣的方法無論如何，因此複製邏輯？

Answer 1

.hasClass()檢查沒有用，因爲jQuery will also always check從.addClass()以內。這只是額外的工作。

Answer 2

您可以在源代碼中看到：https://github.com/jquery/jquery/blob/master/src/attributes/classes.js#L38-L45他們在使用addClass時會檢查類是否存在。

因此沒有理由用在這種情況下，.hasClass() ..（一個例外是，如果你想執行多個操作元素沒有類..）

Answer 3

對於什麼是值得，有一個與.hasClass()的性能改進在我有限的測試：http://jsperf.com/jquery-hasclass-vs-addclass-and-removeclass

然而，即使在Chrome時，速度較慢獨立.removeClass()報告了好幾次，它排在約7萬名操作的第二。