Zmiana jednego atrybutu-właściwości w jQuery

Ważne jest, 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 mogą również nie mieć odpowiadających im atrybutów, dla nich konieczne jest użycie metody prop, która przyjmuje jako pierwszy parametr nazwę właściwości, a jako drugi - true lub false.

Jeśli ustawisz true - właściwość zostanie ustawiona, a jeśli false - zostanie usunięta.

Rozważmy następujący przykład. Załóżmy, że mamy input:

<input type="text" id="test">

Ustawmy dla inputa atrybut disabled:

$('#test').prop('disabled', true);

Kod HTML będzie wyglądać tak:

<input type="text" id="test" disabled>

A teraz, odwrotnie, usuńmy disabled:

$('#test').prop('disabled', false);

Kod HTML będzie wyglądać tak:

<input type="text" id="test">