Los últimos tutoriales de desarrollo web
 

jQuery prop() Method

<JQuery HTML / CSS Métodos

Ejemplo

Añadir y eliminar una propiedad denominada "color":

$("button").click(function(){
    var $x = $("div");
    $x.prop("color", "FF0000");
    $x.append("The color property: " + $x.prop("color"));
    $x.removeProp("color");
});
Inténtalo tú mismo "

Definición y Uso

Los prop() conjuntos de método o devuelve las propiedades y los valores de los elementos seleccionados.

Cuando se utiliza este método para devolver el valor de la propiedad, se devuelve el valor del elemento emparejado PRIMERO.

Cuando se utiliza este método para establecer los valores de propiedad, se establece uno o más pares de propiedad / valor para el conjunto de los elementos coincidentes.

Nota: El prop() método debe ser utilizado para recuperar los valores de propiedad, por ejemplo, propiedades DOM (como tagName, nodeName, defaultChecked ) o sus propias propiedades personalizadas hecho.

Consejo: Para recuperar los atributos HTML, utilice el attr() método en su lugar.

Consejo: Para eliminar un uso de la propiedad del removeProp() método.


Sintaxis

Devolver el valor de una propiedad:

$(selector).prop(property)

Establecer la propiedad y el valor:

$(selector).prop(property,value)

Establecer la propiedad y el valor de uso de una función:

$(selector).prop(property,function(index,currentvalue ))

Establecer varias propiedades y valores:

$(selector).prop({property:value,property:value,...})

Parámetro Descripción
property Especifica el nombre de la propiedad
value Especifica el valor de la propiedad
function(index,currentvalue) Especifica una función que devuelve el valor de la propiedad para establecer
  • index - Recibe la posición del índice del elemento en el conjunto
  • currentvalue - Recibe el valor actual de la propiedad de los elementos seleccionados

Inténtelo usted mismo - Ejemplos

Diferencia entre el prop() y attr()
prop() y attr() puede devolver valores diferentes. Este ejemplo muestra las diferencias cuando se utiliza para devolver el "checked" estado de una casilla de verificación.


<JQuery HTML / CSS Métodos