Accéder à une propriété de style
La méthode css() se décline de trois façons. La première permet uniquement d’accéder à la propriété de style CSS d’un élément donné.
css(nom)
Cette méthode permet d’accéder à une propriété de style CSS du premier élément trouvé.
Le nom est une chaîne de caractères qui reprend le nom de la propriété de style CSS à accéder.
Cette méthode renvoie une chaîne de caractères (string).
$("p").css("color");
Dans cet exemple, la méthode renvoie la valeur de la propriété CSS color du paragraphe <p>.
Exemple
Soit une page avec trois boîtes <div> identiques :
Le document HTML complet :
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>jQuery</title>
<script src="jquery.js" ></script>
<script>
$(document).ready(function(){
$("#div1").click(function () {
var couleur = $(this).css("background-color");
$("#resultat").html("La couleur d'arrière-plan est
<strong>"...