jQuery - método css()


Método jQuery css()

O css()método define ou retorna uma ou mais propriedades de estilo para os elementos selecionados.


Retornar uma propriedade CSS

Para retornar o valor de uma propriedade CSS especificada, use a seguinte sintaxe:

css("propertyname");

O exemplo a seguir retornará o valor da cor de fundo do PRIMEIRO elemento correspondente:

Exemplo

$("p").css("background-color");

Definir uma propriedade CSS

Para definir uma propriedade CSS especificada, use a seguinte sintaxe:

css("propertyname","value");

O exemplo a seguir definirá o valor da cor de fundo para TODOS os elementos correspondentes:

Exemplo

$("p").css("background-color", "yellow");

Definir várias propriedades CSS

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

css({"propertyname":"value","propertyname":"value",...});

O exemplo a seguir definirá uma cor de fundo e um tamanho de fonte para TODOS os elementos correspondentes:

Exemplo

$("p").css({"background-color": "yellow", "font-size": "200%"});

Exercícios de jQuery

Teste-se com exercícios

Exercício:

Use o css()método para adicionar uma cor de fundo rosa a um elemento <p>.

$("p").("", "");


Referência CSS jQuery

Para uma visão geral completa de todos os métodos CSS do jQuery, acesse nossa Referência HTML/CSS do jQuery .