jQuery prop() Metode

❮ jQuery HTML/CSS-metodes

Voorbeeld

Voeg 'n eiendom genaamd "kleur" by en verwyder:

$("button").click(function(){
  var $x = $("div");
  $x.prop("color", "FF0000");
  $x.append("The color property: " + $x.prop("color"));
  $x.removeProp("color");
});

Definisie en gebruik

Die prop() metode stel of gee eienskappe en waardes van die geselekteerde elemente terug.

Wanneer hierdie metode gebruik word om die eienskapwaarde terug te gee, gee dit die waarde van die EERSTE passende element terug.

Wanneer hierdie metode gebruik word om eiendomswaardes te stel , stel dit een of meer eiendom/waarde-pare vir die stel ooreenstemmende elemente.

Let wel: Die prop()-metode moet gebruik word om eiendomswaardes te herwin, bv. DOM-eienskappe (soos tagName, nodeName, defaultChecked) of jou eie pasgemaakte eienskappe.

Wenk: Om HTML-kenmerke te herwin, gebruik eerder die attr() metode.

Wenk: Om 'n eiendom te verwyder, gebruik die removeProp() metode.


Sintaksis

Gee die waarde van 'n eiendom terug:

$(selector).prop(property)

Stel die eiendom en waarde:

$(selector).prop(property,value)

Stel eienskap en waarde met behulp van 'n funksie:

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

Stel verskeie eienskappe en waardes:

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

Parameter Description
property Specifies the name of the property
value Specifies the value of the property
function(index,currentvalue) Specifies a function that returns the property value to set
  • index - Receives the index position of the element in the set
  • currentvalue - Receives the current property value of selected elements

Probeer dit self - voorbeelde


prop() en attr() kan verskillende waardes gee. Hierdie voorbeeld toon die verskille wanneer dit gebruik word om die "gemerk" status van 'n merkblokkie terug te gee.


❮ jQuery HTML/CSS-metodes