jQuery css() Metode

❮ jQuery HTML/CSS-metodes

Voorbeeld

Stel die kleur-eienskap van alle <p>-elemente:

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

Definisie en gebruik

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

Wanneer dit gebruik word om eienskappe terug te gee:
Hierdie metode gee die gespesifiseerde CSS-eienskapwaarde van die EERSTE ooreenstemmende element terug. Snelskrif CSS-eienskappe (soos "agtergrond" en "grens") word egter nie ten volle ondersteun nie en kan verskillende resultate in verskillende blaaiers gee.

Wanneer dit gebruik word om eienskappe te stel:
Hierdie metode stel die gespesifiseerde CSS-eienskap vir ALLE ooreenstemmende elemente.


Sintaksis

Gee die CSS-eienskapwaarde terug:

$(selector).css(property)

Stel die CSS-eienskap en waarde:

$(selector).css(property,value)

Stel CSS eiendom en waarde met behulp van 'n funksie:

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

Stel verskeie eienskappe en waardes:

$(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

Probeer dit self - voorbeelde


Gee die gespesifiseerde CSS-eienskapwaarde van die EERSTE passende element terug.


te gebruik. Gebruik 'n funksie om 'n CSS-eienskap vir die geselekteerde elemente te verander.


Hoe om veelvuldige CSS-eienskappe en waardes vir die geselekteerde elemente in te stel.


❮ jQuery HTML/CSS-metodes