Devo usare "hasClass" prima di "addClass"?

Question

mi sono imbattuto il seguente script che verifica se un elemento ha classe a, e se non, aggiunge:

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

Come jQuery non aggiungerà la classe se esiste già, questo potrebbe essere cambiato in :

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

Tuttavia, c'è qualche miglioramenti delle prestazioni utilizzando hasClass prima, o sia questa utilizza lo stesso metodo che addClass fa comunque, e quindi duplicare la logica?

Answer 1

Il controllo .hasClass() non è utile perché jQuery will also always check dall'interno .addClass(). È solo un lavoro extra.

Answer 2

È possibile vedere al codice sorgente: https://github.com/jquery/jquery/blob/master/src/attributes/classes.js#L38-L45 che controllano se la classe esiste quando si utilizza addClass.

Quindi non v'è alcun motivo per utilizzare il .hasClass() in questo caso .. (un'eccezione sarebbe se si voleva svolgere più azioni se l'elemento non ha avuto la classe ..)

Answer 3

Per quello che vale la pena, non v'è un miglioramento delle prestazioni con .hasClass() nel mio test limitata: http://jsperf.com/jquery-hasclass-vs-addclass-and-removeclass

Tuttavia, anche quando standalone .removeClass() rapporti parecchie volte più lento in Chrome, si arriva a circa 70.000 operazioni al secondo.