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 :

images/C04-001.png

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>"...
couv_EI4JQU.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Introduction
Suivant
Modifier les propriétés de style