Método prop

El método prop permite obtener y cambiar la propiedad de un elemento. Es importante no confundir propiedades y atributos de 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, pueden ser obtenidas y establecidas solo al usar el método prop, por ejemplo la propiedad tagName. Para obtener atributos del elemento, use el método attr.

Sintaxis

Obtener el valor de una propiedad:

$(selector).prop(nombre de propiedad);

Cambiar el valor de una propiedad:

$(selector).prop(nombre de propiedad, nuevo valor);

Cambiar valores de varias propiedades:

$(selector).prop({primera_propiedad: nuevo_valor, segunda_propiedad: nuevo_valor, ...});

Aplicar una función a cada elemento en el conjunto:

$(selector).prop(nombre de propiedad, function(número en el conjunto, valor actual de la propiedad));

Ejemplo

En el siguiente ejemplo obtendremos un párrafo por su id y mostraremos en pantalla el valor de su propiedad className:

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

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

Ejemplo

Cambiemos simultáneamente las propiedades para className y disabled:

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

Véase también

método removeProp,
que permite eliminar propiedades de elementos
método attr,
que permite trabajar con atributos de elementos