11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

je débute en jquery et j'ai cette question, est-il possible de styliser une image grace au pseudo-selecteur img ?

exemple
   $("#example img").css("width","0%");


Car mes tests n'ont pas fonctionnés..


Accessoirement, j'ai raison de dire que le comportement d'un ajout de classe en jquery diffère d'un ajout de classe en javascript ? Pour moi le CSS de l'élément ciblé ne prend en compte que les nouveaux attributs de la classe ajoutée, pas les nouvelles valeurs d'attributs existants.

Merci pour vos réponses !
Oui, tu peux tout à fait styliser des images via ce sélecteur.

Néanmoins, je suis partisan de la méthode ou on ajoute un classe via jQuery, et que cette classe soit définie dans ton fichier css

Exemple :


$("#example img").addClass("maNouvelleClasse");


Et dans le css :

.maNouvelleClasse{
   width:30px;
   border:1px solid #ccc;
   /* etc… */
}


Sinon je n'ai pas bien compris ta dernière phrase, mais lorsqu'on rajoute des styles css, ces derniers écrasent les propriétés identiques (si tu redéfinis une nouvelle propriété width, l'ancienne sera écrasée), mais pas les autres. Et les styles inline (ceux définis directement dans la balise html du genre <a style="width:50%;" href="#">lien</a> ) sont prioritaires.