Sollte ich "hasClass" vor "addClass" verwenden?

Question

Ich habe über das folgende Skript kommen, die, ob ein Element a hat Klasse überprüft, und wenn nicht, fügt sie:

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

Wie jQuery wird nicht die Klasse hinzufügen, wenn es bereits vorhanden ist, dies zu geändert werden :

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

Allerdings ist es Leistungsverbesserungen durch hasClass zuerst, oder wird dies mit der gleichen Methode, die addClass ohnehin der Fall ist, und damit die Logik duplizieren?

Answer 1

Die .hasClass() Überprüfung ist nicht nützlich, weil jQuery will also always check von innerhalb .addClass(). Es ist nur zusätzliche Arbeit.

Answer 2

Sie können am Quellcode sehen: https://github.com/jquery/jquery/blob/master/src/attributes/classes.js#L38-L45, dass sie überprüfen, ob die Klasse existiert, wenn addClass verwendet wird.

So gibt es keinen Grund, die .hasClass() in diesem Fall zu verwenden .. (eine Ausnahme wäre, wenn Sie weitere Aktionen durchführen wollen, wenn das Element nicht die Klasse hat ..)

Answer 3

Für das, was es ist wert, gibt es eine Leistungsverbesserung mit .hasClass() in meinem begrenzten Test: http://jsperf.com/jquery-hasclass-vs-addclass-and-removeclass

Doch selbst, wenn Standalone .removeClass() Berichte mehrmals langsamer in Chrome, es in bei etwa 70.000 Operationen pro Sekunde kommt.