Général
Méthode : css lecture
1
$(all).css(propertyName)
2
$("img").css("borderColor")
Retourne la valeur CSS du premier élément, à partir du nom de la propriété écrite en JavaScript ou en CSS.
Méthode : css écriture
1
$(all).css(propertyName,value)
2
$("img").css("border","solid 2px red")
Affecte une valeur CSS à tous les éléments par l'intermédiaire d'une combinaison (propriété, valeur).
Méthode : css liste propriétés
1
$(all).css(map)
2
$("img").css({border: "solid 2px red",width: "200px"})
Affecte des valeurs CSS par l'intermédiaire d'une liste de propriétés.
Exemple : Exemple
1
<section class='exemple'>
2
<img id="image1" alt='image1' src='images/image1.gif' />
3
<img id="image2" alt='image2' src='images/image2.gif' />
4
<img id="image3" alt='image3' src='images/image3.gif' />
5
<img id="image4" alt='image4' src='images/image4.gif' />
6
<p>Exercice JQuery</p>
7
</section>
Exercice JQuery
Ouvrez la console :
Supprimez la bordure de image1
Ajoutez une bordure aux images
Changez la couleur et centrez le texte