Qualora hasClass precedono removeClass - jQuery

Question

E 'necessario verificare se esiste una classe prima che io uso il removeClass api su un oggetto jQuery? es.

if($(this).hasClass("test")) 
    $(this).removeClass("test"); 

o

$(this).removeClass("test"); 

se non necessario, perché così?

Answer 1

Usa proprio questo:

$(this).removeClass("test"); 

Non c'è bisogno di controllare per la classe esistenza.

Da jQuery sources possiamo vedere che removeClass metodo utilizza replace metodo per rimuovere la stringa:

className = (" " + elem.className + " ").replace(rclass, " "); 
for (c = 0, cl = classNames.length; c < cl; c++) { 
    className = className.replace(" " + classNames[c] + " ", " "); 
}​ 

E replace non rimuoverà nulla se la sottostringa corrispondente non esiste.

Answer 2

No, non necessario controllare removeClass().

Basta usare

$(this).removeClass("test"); 

Answer 3

Almeno per Chrome, è utile aggiungere una hasClass() controllare prima removeClass(), perché jQuery assegna incondizionatamente elem.className alla nuova stringa, anche se la stringa hasn' t cambiato, il che fa sì che Chrome invalidi e ricalcoli il layout.

Si potrebbe obiettare che si tratta di un bug in Chrome e dovrebbe verificare se il className ha effettivamente cambiato rispetto al valore precedente. Tuttavia, potrebbe anche essere che il browser abbia per ricalcolare il layout a causa di alcuni requisiti oscuri che sono stati scritti da qualche parte nelle specifiche html.

Non ho testato Firefox. La web inspector di Safari è inutile in quanto non ti dirà perché il layout è stato invalidato/ricalcolato (quale funzione javascript lo ha causato).