jQuery - css() Metode


jQuery css() Metode

Die css()metode stel of gee een of meer styl eienskappe vir die geselekteerde elemente terug.


Gee 'n CSS-eiendom terug

Om die waarde van 'n gespesifiseerde CSS-eienskap terug te gee, gebruik die volgende sintaksis:

css("propertyname");

Die volgende voorbeeld sal die agtergrondkleurwaarde van die EERSTE passende element terugstuur:

Voorbeeld

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

Stel 'n CSS-eienskap

Om 'n gespesifiseerde CSS-eienskap te stel, gebruik die volgende sintaksis:

css("propertyname","value");

Die volgende voorbeeld sal die agtergrondkleurwaarde vir ALLE ooreenstemmende elemente stel:

Voorbeeld

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

Stel veelvuldige CSS-eienskappe

Om veelvuldige CSS-eienskappe op te stel, gebruik die volgende sintaksis:

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

Die volgende voorbeeld sal 'n agtergrondkleur en 'n lettergrootte vir ALLE ooreenstemmende elemente stel:

Voorbeeld

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

jQuery Oefeninge

Toets jouself met oefeninge

Oefening:

Gebruik die css()metode om 'n pienk agtergrondkleur by 'n <p>-element te voeg.

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


jQuery CSS-verwysing

Vir 'n volledige oorsig van alle jQuery CSS-metodes, gaan asseblief na ons jQuery HTML/CSS-verwysing .