A prop metódus

A prop metódus lehetővé teszi egy elem tulajdonságának lekérését és módosítását. Fontos, hogy ne keverjük össze az elemek tulajdonságait és attribútumait. A DOM fa létrehozásakor az attribútumok átalakulnak a hozzájuk tartozó DOM tulajdonságokká. Ezek neve nem mindig egyezik meg, akárcsak az értékeik. Egyes tulajdonságoknak nem is lehet hozzájuk tartozó attribútumuk, ezeket csak a prop metódus használatával lehet lekérni és beállítani, például a tagName tulajdonság. Az elem attribútumainak lekéréséhez használd a attr metódust.

Szintaxis

Tulajdonság értékének lekérése:

javascript$(selector).prop(tulajdonság neve);

Tulajdonság értékének módosítása:

javascript$(selector).prop(tulajdonság neve, új érték);

Több tulajdonság értékének módosítása:

javascript$(selector).prop({első_tulajdonság: új_érték, második_tulajdonság: új_érték, ...});

Függvény alkalmazása minden elemre a halmazban:

javascript$(selector).prop(tulajdonság neve, function(sorszám a halmazban, tulajdonság aktuális értéke));

Példa

A következő példában egy bekezdést kapunk a id alapján és kiírjuk a className tulajdonság értékét:

html<p id="test" class="aaa">szöveg</p>

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

Példa

Változtassuk meg egyszerre a className és disabled tulajdonságokat:

html<input type="checkbox" class="aaa" id="test" />

javascript$("#test").prop({ className: 'bbb', disabled: 'true' });

Lásd még