Método CSS() de jQuery

jQuery css()El método obtiene o establece una o más propiedades de estilo del elemento seleccionado.

Este método proporciona una forma rápida de aplicar estilos (estilos en línea) directamente a los elementos HTML.

Devolver valor de propiedad CSS

Para devolver el valor de la propiedad CSS específica, utilice la siguiente sintaxis:

$("selector").css(property)

El siguiente ejemplo devuelve el color de fondo del DIV que se hace clic:

$("div").click(function(){}
　　$("this").css("background-color");
});

Establecer propiedad y valor de CSS

Para establecer la propiedad y el valor de CSS específicos, utilice la siguiente sintaxis:

$("selector").css(property, "value")

La siguiente ejemplo establece la propiedad de color de todos los párrafos:

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

Al usarcss()MétodoObtenerAl establecer el valor de la propiedad,它将返回El primer elemento seleccionadolos valores.

Usarcss()MétodoEstablecerAl establecer el valor de la propiedad,它会为Todos los elementos seleccionadosEstablecer una o más propiedades/Pares de valor.

Establecer múltiples propiedades y valores

Para establecer múltiples propiedades y valores, utilice la siguiente sintaxis:

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

El siguiente ejemplo establece múltiples propiedades y valores CSS para todos los párrafos:

$("button").click(function(){
　　$("p").css({
　　　　"color": "white",
　　　　"font"-size": ""1.3em",
　　　　"background"-"color": "#"4285f4",
　　　　"padding": ""20px"　　
　　});
});

Referencia de jQuery CSS

Para obtener referencias completas de métodos CSS, visite nuestrajQuery HTML / Referencia de CSS。