jQuery css() metodo

❮ Metodi jQuery HTML/CSS

Esempio

Imposta la proprietà del colore di tutti gli elementi <p>:

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

Definizione e utilizzo

Il metodo css() imposta o restituisce una o più proprietà di stile per gli elementi selezionati.

Quando viene utilizzato per restituire le proprietà:
questo metodo restituisce il valore della proprietà CSS specificato del PRIMO elemento abbinato. Tuttavia, le proprietà CSS abbreviate (come "sfondo" e "bordo") non sono completamente supportate e possono fornire risultati diversi in browser diversi.

Quando viene utilizzato per impostare le proprietà:
questo metodo imposta la proprietà CSS specificata per TUTTI gli elementi corrispondenti.


Sintassi

Restituisce il valore della proprietà CSS:

$(selector).css(property)

Imposta la proprietà e il valore CSS:

$(selector).css(property,value)

Imposta la proprietà e il valore CSS usando una funzione:

$(selector).css(property,function(index,currentvalue))

Imposta più proprietà e valori:

$(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
  • index - Returns the index position of the element in the set
  • currentvalue - Returns the current value of the CSS property

Provalo tu stesso - Esempi


Restituisce il valore della proprietà CSS specificato del PRIMO elemento abbinato.


Usare una funzione per modificare una proprietà CSS per gli elementi selezionati.


Come impostare più proprietà e valori CSS per gli elementi selezionati.


❮ Metodi jQuery HTML/CSS