Índice

Acceder a una propiedad de estilo

El método css() se usa de tres maneras diferentes. La primera solo permite acceder a la propiedad de estilo CSS de un elemento determinado.

css(nombre)

Este método permite acceder a la propiedad de estilo CSS del primer elemento encontrado.

El nombre es una cadena de caracteres con el nombre de la propiedad de estilo CSS a la que se va a acceder.

Este método devuelve una cadena de caracteres (string).

$("p").css("color");

En este ejemplo, el método devuelve el valor de la propiedad CSS color del párrafo <p>.

Ejemplo

Supongamos que tenemos una página con tres cajas <div> idénticas:

images/4_2_v4.png

El documento HTML completo:

doctype html> 
<html lang="es"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js" ></script> 
<script> 
    $(document).ready(function(){ 
        $("#div1").click(function () { 
            var color = $(this).css("background-color"); 
            $("#resultado").html("El color de fondo es <strong>" + 
color + "</strong>."); 
        }); 
        $("#div2").click(function () { 
            var borde = $(this).css("border-color");  ...