Metoda prop

Metoda prop pozwala pobrać i zmienić właściwość elementu. Ważne, aby nie mylić właściwości i atrybutów elementów. Podczas tworzenia drzewa DOM atrybuty są konwertowane na odpowiadające im właściwości DOM elementów. Ich nazwy nie zawsze są takie same, podobnie jak ich wartości. Niektóre właściwości również mogą nie mieć odpowiadających im atrybutów, mogą być one pobrane i ustawione tylko przy użyciu metody prop, na przykład właściwość tagName. Aby pobrać atrybuty elementu, użyj metody attr.

Składnia

Pobieranie wartości właściwości:

$(selektor).prop(nazwa właściwości);

Zmiana wartości właściwości:

$(selektor).prop(nazwa właściwości, nowa wartość);

Zmiana wartości wielu właściwości:

$(selektor).prop({pierwsza_właściwość: nowa_wartość, druga_właściwość: nowa_wartość, ...});

Zastosowanie funkcji do każdego elementu w zestawie:

$(selektor).prop(nazwa właściwości, function(numer w zestawie, bieżąca wartość właściwości));

Przykład

W następnym przykładzie pobierzemy akapit po jego id i wyświetlimy na ekranie wartość jego właściwości className:

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

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

Przykład

Zmieńmy jednocześnie właściwości className i disabled:

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

Zobacz też

metoda removeProp,
która pozwala usuwać właściwości elementów
metoda attr,
która pozwala pracować z atrybutami elementów