Exemplo
Defina a propriedade cor de todos os elementos <p>:
$("button").click(function(){
$("p").css("color", "red");
});
Tente você mesmo " Definição e Uso
Os css() conjuntos método ou retorna uma ou mais propriedades de estilo para os elementos selecionados.
Quando utilizado para devolver propriedades:
Esse método retorna o valor da propriedade CSS especificado do primeiro elemento combinado. No entanto, as propriedades CSS abreviada (como "background" e "border" ) não são totalmente suportados e pode dar resultados diferentes em diferentes navegadores.
Quando usado para definir propriedades:
Este método define a propriedade CSS especificado para todos os elementos combinados.
Sintaxe
Devolver o valor da propriedade CSS:
$(selector).css( property )
Defina a propriedade CSS e valor:
$(selector).css(property,value)
Defina propriedade de CSS e valor usando uma função:
$(selector).css(property,function(index,currentvalue))
Definir várias propriedades e valores:
$(selector).css({property:value, property:value,
...})
Parâmetro | Descrição |
---|---|
property | Especifica o nome da propriedade CSS, como "color", "font-weight" , etc. |
value | Especifica o valor da propriedade CSS, como "red", "bold" , etc. |
function(index,currentvalue) | Especifica uma função que retorna o novo valor para a propriedade CSS
|
Tente você mesmo - Exemplos
Voltar CSS valor da propriedade
Devolver o valor da propriedade CSS especificado do primeiro elemento combinado.
Defina propriedade de CSS e valor usando uma função
Usando uma função para alterar uma propriedade CSS para os elementos selecionados.
Definir várias propriedades CSS e pares de valores
Como definir várias propriedades CSS e valores para os elementos selecionados.