Cambiar un atributo-propiedad en jQuery
Es importante no confundir las propiedades y los atributos de los elementos. Al crear el árbol DOM, los atributos se convierten en las correspondientes propiedades DOM de los elementos. Sus nombres no siempre coinciden, al igual que sus valores.
Algunas propiedades también pueden no tener
atributos correspondientes, para ellas
es necesario utilizar el método
prop,
que toma como primer parámetro el nombre de la propiedad,
y como segundo - true o false.
Si se establece true - la propiedad se establecerá,
y si false - se eliminará.
Consideremos el siguiente ejemplo. Supongamos que tenemos un input:
<input type="text" id="test">
Establezcamos para el input
el atributo disabled:
$('#test').prop('disabled', true);
El código HTML pasará a verse así:
<input type="text" id="test" disabled>
Y ahora, al contrario, eliminemos disabled:
$('#test').prop('disabled', false);
El código HTML pasará a verse así:
<input type="text" id="test">
