Neueste Web-Entwicklung Tutorials
 

jQuery prop() Method

<JQuery HTML / CSS - Methoden

Beispiel

Hinzufügen und Entfernen eine Eigenschaft namens "Farbe":

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

Definition und Verwendung

Die prop() Methode setzt oder liefert Eigenschaften und Werte der ausgewählten Elemente.

Wenn dieses Verfahren verwendet wird , um den Eigenschaftswert zurück, gibt sie den Wert des ersten angepassten Element.

Wenn dieses Verfahren verwendet wird , die Eigenschaftswerte zu setzen, setzt er eine oder mehrere Eigenschaft / Wert - Paare für den Satz von abgestimmten Elementen.

Hinweis: Die prop() Methode verwendet werden sollte , die Eigenschaftswerte abrufen, zB DOM - Eigenschaften (wie tagName, nodeName, defaultChecked ) oder eine eigene maßgeschneiderte Eigenschaften.

Tipp: Um die HTML - Attribute, verwenden Sie das Abrufen von attr() Methode statt.

Tipp: Um eine Eigenschaft die entfernen removeProp() Methode.


Syntax

Gibt den Wert einer Immobilie:

$(selector).prop(property)

Legen Sie die Eigenschaft und Wert:

$(selector).prop(property,value)

Legen Sie Eigenschaft und den Wert einer Funktion:

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

Legen Sie mehrere Eigenschaften und Werte:

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

Parameter Beschreibung
property Gibt den Namen der Eigenschaft
value Gibt den Wert der Eigenschaft
function(index,currentvalue) Gibt eine Funktion an, die die Eigenschaft Wert zurückgibt einstellen
  • index - Empfängt die Indexposition des Elements im Set
  • currentvalue - Empfängt den aktuellen Eigenschaftswert ausgewählter Elemente

Probieren Sie es selbst - Beispiele

Unterschied zwischen prop() und attr()
prop() und attr() können unterschiedliche Werte zurückgeben. Dieses Beispiel zeigt die Unterschiede verwendet , wenn die Rückkehr "checked" Status einer Checkbox.


<JQuery HTML / CSS - Methoden