Est-ce que hasClass doit précéder removeClass - jQuery

Question

Est-il nécessaire de vérifier si une classe existe avant d'utiliser l'API removeClass sur un objet jquery? par ex.

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

ou

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

sinon nécessaire, pourquoi?

Answer 1

Utilisez ceci:

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

Il n'y a pas besoin de vérifier l'existence de la classe.

De jQuery sources nous pouvons voir que la méthode removeClass utilise la méthode replace pour supprimer la sous-chaîne:

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

Et replace ne supprimera pas rien si la sous-chaîne correspondant n'existe pas.

Answer 2

Non, il n'est pas nécessaire de vérifier removeClass().

Il suffit d'utiliser

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

Answer 3

au moins pour Chrome, il est utile d'ajouter un hasClass() vérifier avant removeClass(), parce que jQuery attribue inconditionnellement elem.className à la nouvelle chaîne, même si la chaîne hasn » t modifié, ce qui entraîne l'invalidation de Chrome et le recalcul de la mise en page.

On pourrait argumenter que c'est un bogue dans Chrome et il devrait vérifier si le nom de classe a effectivement changé de la valeur précédente. Cependant, il se peut aussi que le navigateur ait pour recalculer la mise en page en raison de certaines exigences obscures qui sont écrites quelque part dans la spécification html.

Je n'ai pas testé Firefox. L'inspecteur Web Safari est inutile car il ne vous dira pas pourquoi la mise en page a été invalidée/recalculée (quelle fonction javascript l'a provoquée).