Metodo CSS() di jQuery

jQuery css()Il metodo ottiene o imposta uno o più attributi di stile dell'elemento selezionato.

Questo metodo fornisce un modo rapido per applicare direttamente uno stile (stile inline) agli elementi HTML.

Restituzione del valore dell'attributo CSS

Per ottenere il valore dell'attributo CSS specificato, utilizzare la seguente sintassi:

$(selector).css(property)

Esempio di ritorno del colore di sfondo del DIV cliccato di seguito:

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

Impostazione dell'attributo CSS e valore

Per impostare l'attributo CSS e il valore, utilizzare la seguente sintassi:

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

Esempio di configurazione di tutti i colori dei paragrafi di seguito:

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

Quando si utilizzacss()MetodoRecuperaQuando si imposta un valore per l'attributoIl primo elemento selezionatoi valori.

Usacss()MetodoImpostaQuando si imposta un valore per l'attributoTutti gli elementi selezionatiImposta uno o più attributi/valori.

Impostazione di più proprietà CSS e valori

Per impostare più proprietà CSS e valori, utilizzare la seguente sintassi:

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

Esempio seguente imposta più proprietà CSS e valori per tutti i paragrafi:

$("button").click(function(){
　　$("p").css({
　　　　"color": "white",
　　　　"font-size": "1.3em",
　　　　"background-color": "#4285f4",
　　　　"padding": "20px"　　
　　});
});

Riferimento CSS di jQuery

Per i metodi CSS completi, visita il nostroRiferimento HTML / CSS di jQuery.