Método jQuery css()

❮ Métodos jQuery HTML/CSS

Ejemplo

Establezca la propiedad de color de todos los elementos <p>:

$("button").click(function(){
  $("p").css("color", "red");
});

Definición y uso

El método css() establece 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 propiedad CSS especificado del PRIMER elemento coincidente. Sin embargo, las propiedades abreviadas de CSS (como "fondo" y "borde") no son totalmente compatibles y pueden dar resultados diferentes en diferentes navegadores.

Cuando se usa para establecer propiedades:
este método establece la propiedad CSS especificada para TODOS los elementos coincidentes.


Sintaxis

Devuelve el valor de la propiedad CSS:

$(selector).css(property)

Establezca la propiedad y el valor de CSS:

$(selector).css(property,value)

Establezca la propiedad y el valor de CSS usando una función:

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

Establecer múltiples propiedades y valores:

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

Parameter Description
property Specifies the CSS property name, like "color", "font-weight", etc.
value Specifies the value of the CSS property, like "red", "bold", etc.
function(index,currentvalue) Specifies a function that returns the new value for the CSS property
  • index - Returns the index position of the element in the set
  • currentvalue - Returns the current value of the CSS property

Pruébelo usted mismo - Ejemplos


Devuelve el valor de propiedad CSS especificado del PRIMER elemento coincidente.


Usar una función para cambiar una propiedad de CSS para los elementos seleccionados.


de valores Cómo establecer varias propiedades y valores CSS para los elementos seleccionados.


❮ Métodos jQuery HTML/CSS