[jQuery] Comment puis-je vérifier si un élément a une classe en particulier ?
Relecteur au rapport :p
Je vais y aller page par page pour que ça reste lisible.
http://danielhagnoul.developpez.com/...mentClass.html
L'exemple 1 :
Code:
1
2
3
| if ( $( "#monID" ).is( ".maClasse" ) ){
$( this ).show();
} |
il manque un # devant monID, et rien n'indique que this corresponde à l'élément #monID
L'exemple 2:
Pour ce usecase précis, on devrait encourager à utiliser un sélecteur plus précis plutôt qu'une condition dans le callback du listener :
Code:
$( "div.maClasse" ).on( "click", function(){
On peut revoir l'exemple comme ça :
Citation:
Lors d'un clic sur une division, si la division a la classe "maClasse" alors colorer le texte en rouge sinon le colorer en bleu
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| $( "div" ).on( "click", function(){
/*
* La construction d'un sélecteur est une opération coûteuse,
* on accélère le traitement du code en placant l'objet jQuery
* dans une variable.
*/
var jObj = $( this );
if ( jObj.hasClass( "maClasse" ) ){
jObj.css( "color", "red" );
} else {
jObj.css( "color", "blue" );
}
}); |
Là une action a lieu pour toutes les div cliquées, donc le sélecteur large est justifié.
Enfin l'explication sur l'argument "slow" de animate est hors de propos dans cette section. Si on veut faire une FAQ sur l'animation, il faudrait créer une section à part.
