Método CSS() do jQuery

jQuery css()O método obtém ou configura uma ou mais propriedades de estilo do elemento selecionado.

Este método oferece uma maneira rápida de aplicar estilos (estilos em linha) diretamente ao elemento HTML.

Retorno de valor da propriedade CSS

Para retornar o valor da propriedade CSS específica, use a seguinte sintaxe:

$("selector").css(property)

O seguinte exemplo retorna a cor de fundo do DIV clicado:

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

Configuração de propriedade e valor CSS

Para configurar a propriedade CSS e o valor, use a seguinte sintaxe:

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

A seguinte exemplo configura a propriedade de cor de todos os parágrafos:

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

ao usarcss()métodoobterao definir o valor de propriedade, eleo primeiro elemento selecionadoos valores.

usarcss()métododefinirao definir o valor de propriedade, eletodos os elementos selecionadosDefinir uma ou mais propriedades/par de valores.

Definir várias propriedades e valores

Para definir várias propriedades e valores, use a seguinte sintaxe:

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

Os seguintes exemplos definem várias propriedades e valores CSS para todos os parágrafos:

$("button").click(function(){
　　$("p").css({
　　　　"cor": "branco",
　　　　"font-tamanho": "1.3em",
　　　　"fundo-"cor": "#4285f4",
　　　　"padding": "20px"　　
　　});
});

Referência CSS do jQuery

Para referência completa dos métodos CSS, acesse nossojQuery HTML / Referência CSS。