Metoden prop

Metoden prop låter dig hämta och ändra en elements egenskap. Det är viktigt att inte blanda ihop egenskaper och attribut hos element. När DOM-trädet skapas omvandlas attribut till motsvarande DOM-egenskaper hos elementen. Deras namn stämmer inte alltid överens, liksom deras värden. Vissa egenskaper kan även sakna motsvarande attribut, de kan endast hämtas och sättas genom att använda metoden prop, till exempel egenskapen tagName. För att hämta elementets attribut, använd metoden attr.

Syntax

Hämta värdet på en egenskap:

$(selector).prop(egenskapsnamn);

Ändra värdet på en egenskap:

$(selector).prop(egenskapsnamn, nytt värde);

Ändra värden på flera egenskaper:

$(selector).prop({första_egenskapen: nytt_värde, andra_egenskapen: nytt_värde, ...});

Tillämpa en funktion på varje element i uppsättningen:

$(selector).prop(egenskapsnamn, function(nummer_i_uppsättningen, nuvarande_egenskapsvärde));

Exempel

I nästa exempel hämtar vi ett stycke via dess id och skriver ut värdet på dess egenskap className:

<p id="test" class="aaa">text</p>

let value = $('#test').prop('className');
console.log(value);

Exempel

Låt oss ändra egenskaperna för className och disabled samtidigt:

<input type="checkbox" class="aaa" id="test" /> $("#test").prop({ className: 'bbb', disabled: 'true' });

Se även

metoden removeProp,
som låter dig ta bort egenskaper hos element
metoden attr,
som låter dig arbeta med elementens attribut