Los últimos tutoriales de desarrollo web
 

jQuery css() Method

<JQuery HTML / CSS Métodos

Ejemplo

Establecer la propiedad color de todos los elementos <P>:

$("button").click(function(){
    $("p").css("color", "red");
});
Inténtalo tú mismo "

Definición y Uso

Los css() conjuntos de método o devuelve una o más propiedades de estilo para los elementos seleccionados.

Cuando se usa para devolver propiedades:
Este método devuelve el valor de la propiedad CSS especificada del elemento emparejado PRIMERO. Sin embargo, las propiedades CSS en forma abreviada (como "background" y la "border" ) no son totalmente compatibles y pueden dar diferentes resultados en diferentes navegadores.

Cuando se utiliza para establecer propiedades:
Este método establece la propiedad CSS especificado para todos los elementos coincidentes.


Sintaxis

Devolver el valor de la propiedad CSS:

$(selector).css( property )

Establecer la propiedad CSS y valor:

$(selector).css(property,value)

Establecer propiedad de CSS y el valor de uso de una función:

$(selector).css(property,function(index,currentvalue))

Establecer varias propiedades y valores:

$(selector).css({property:value, property:value, ...})

Parámetro Descripción
property Especifica el nombre de la propiedad CSS, como "color", "font-weight" , etc.
value Especifica el valor de la propiedad CSS, como "red", "bold" , etc.
function(index,currentvalue) Especifica una función que devuelve el nuevo valor para la propiedad CSS
  • index - Devuelve la posición del índice del elemento en el conjunto
  • currentvalue - Devuelve el valor actual de la propiedad CSS

Inténtelo usted mismo - Ejemplos

Volver CSS valor de la propiedad
Devolver el valor de la propiedad CSS especificada del elemento emparejado PRIMERO.

Establecer propiedad de CSS y el valor usando una función
Utilizando una función para cambiar una propiedad CSS para los elementos seleccionados.

Conjunto múltiples propiedades CSS y los pares de valores
Cómo establecer múltiples propiedades CSS y los valores para los elementos seleccionados.


<JQuery HTML / CSS Métodos