Método jQuery prop()
Ejemplo
Agregue y elimine una propiedad llamada "color":
$("button").click(function(){
var $x = $("div");
$x.prop("color", "FF0000");
$x.append("The color property: " + $x.prop("color"));
$x.removeProp("color");
});
Definición y uso
El método prop() establece o devuelve propiedades y valores de los elementos seleccionados.
Cuando se usa este método para devolver el valor de la propiedad, devuelve el valor del PRIMER elemento coincidente.
Cuando este método se usa para establecer valores de propiedad, establece uno o más pares de propiedad/valor para el conjunto de elementos coincidentes.
Nota: El método prop() debe usarse para recuperar valores de propiedad, por ejemplo, propiedades DOM (como tagName, nodeName, defaultChecked) o sus propias propiedades personalizadas.
Sugerencia: para recuperar atributos HTML, utilice el método attr() en su lugar.
Sugerencia: para eliminar una propiedad, utilice el método removeProp() .
Sintaxis
Devolver el valor de una propiedad:
$(selector).prop(property)
Establezca la propiedad y el valor:
$(selector).prop(property,value)
Establecer propiedad y valor usando una función:
$(selector).prop(property,function(index,currentvalue))
Establecer múltiples propiedades y valores:
$(selector).prop({property:value, property:value,...})
Parameter | Description |
---|---|
property | Specifies the name of the property |
value | Specifies the value of the property |
function(index,currentvalue) | Specifies a function that returns the property value to set
|
Pruébelo usted mismo - Ejemplos
prop() y attr() pueden devolver valores diferentes. Este ejemplo muestra las diferencias cuando se usa para devolver el estado "marcado" de una casilla de verificación.