Método jQuery css()
Exemplo
Defina a propriedade de cor de todos os elementos <p>:
$("button").click(function(){
$("p").css("color", "red");
});
Definição e uso
O método css() define ou retorna uma ou mais propriedades de estilo para os elementos selecionados.
Quando usado para retornar propriedades:
Este método retorna o valor de propriedade CSS especificado do PRIMEIRO elemento correspondente. No entanto, propriedades CSS abreviadas (como "background" e "border") não são totalmente suportadas e podem fornecer resultados diferentes em diferentes navegadores.
Quando usado para definir propriedades:
Este método define a propriedade CSS especificada para TODOS os elementos correspondentes.
Sintaxe
Retorne o valor da propriedade CSS:
$(selector).css(property)
Defina a propriedade e o valor CSS:
$(selector).css(property,value)
Defina a propriedade e o valor CSS usando uma função:
$(selector).css(property,function(index,currentvalue))
Defina várias propriedades e 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
|
Experimente você mesmo - Exemplos
Retorna o valor da propriedade CSS especificado do PRIMEIRO elemento correspondente.
Usando uma função para alterar uma propriedade CSS para os elementos selecionados.
Como definir várias propriedades e valores CSS para os elementos selecionados.