Índice

Asignar las propiedades de estilo

La función css() de jQuery proporciona una notación para aplicar propiedades de estilo.

css(clave,valor)

Modifica las propiedades de estilo de un elemento dado usando la notación clave/valor para las propiedades de estilo que se van a transformar.

  • clave (cadena de caracteres) corresponde al nombre de la propiedad de estilo que se va a modificar.

  • valor (cadena de caracteres o número) es el nuevo valor de la propiedad. Si se especifica un número, jQuery lo convierte automáticamente a píxeles.

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

Este método devuelve un objeto jQuery.

Ejemplo

Tomemos dos cajas superpuestas. Con un script jQuery, vamos a modificar el orden de estas capas al pasar por encima el ratón.

images/4_4_v41.png
images/4_4_v42.png
<!doctype html> 
<html lang="es"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js" ></script> 
<script> 
    $(document).ready(function(){ 
        $("#caja1").mouseover(function () { 
            $(this).css(’z-index’ , ’10’); 
        }); 
        $("#caja1").mouseout(function () { 
            $(this).css(’z-index’ , ’’); 
        }); 
    }); 
</script>  ...