Méthode jQuery prop()

jQuery HTML/Méthodes CSS

La méthode prop() de jQuery permet d'obtenir ou de définir les attributs et les valeurs des éléments sélectionnés.

Lorsque vous utilisez la méthode prop()Obtenirlorsque vous définissez la valeur de l'attribut, il retourneraLe premier élément sélectionnévaleur.

Utilisez la méthode prop()Définirlorsque vous définissez la valeur de l'attribut, il seraTous les éléments sélectionnésDéfinir une ou plusieurs valeurs d'attribut/paires de valeurs.

Pour obtenir ou définir des attributs HTML, utilisezattr()Méthode.

Pour supprimer un attribut, utilisezremoveProp()Méthode.

Syntaxe :

Obtenir la valeur de l'attribut :

$(selector).prop(property)

Définir l'attribut et la valeur :

$(selector).prop(property,　value)

Définir plusieurs attributs et valeurs :

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

Définir l'attribut et la valeur en utilisant une fonction

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

Exemple

Obtenir la valeur de l'attribut checked du case à cocher :

$("input:checkbox").change(function(){
　　$("strong").text($(this).prop("checked"));
});

Définir la valeur de l'attribut sélectionné du case à cocher :

$("button").click(function(){
　　$("input:checkbox").prop("checked",　true);
});

Désactiver tous les cases à cocher sur la page :

$(document).ready(function(){
　　$("input:checkbox").prop("disabled",　true);
});

prop() et attr()

La différence entre prop() et attr() peut être importante dans certains cas.

La méthode prop() fournit une méthode explicite pour récupérer la valeur de l'attribut, tandis que attr() récupère l'attribut.

L'exemple suivant montre la différence entre prop() et attr():

$("input:checkbox").change(function(){
　　$(this).prop("checked");
　　$(this).attr("checked");
});

Valeur du paramètre

jQuery HTML/Méthodes CSS