Derniers tutoriels de développement web
 

jQuery prop() Method

<JQuery HTML / Méthodes CSS

Exemple

Ajouter et supprimer une propriété nommée "color":

$("button").click(function(){
    var $x = $("div");
    $x.prop("color", "FF0000");
    $x.append("The color property: " + $x.prop("color"));
    $x.removeProp("color");
});
Essayez - le vous - même »

Définition et utilisation

Les prop() ensembles de méthode ou renvoie les propriétés et les valeurs des éléments sélectionnés.

Lorsque cette méthode est utilisée pour renvoyer la valeur de la propriété, elle renvoie la valeur de l'élément apparié FIRST.

Lorsque cette méthode est utilisée pour définir les valeurs de propriété, il définit une ou plusieurs paires propriété / valeur pour l'ensemble des éléments appariés.

Remarque: Le prop() méthode doit être utilisée pour récupérer les valeurs de propriété, par exemple DOM propriétés (comme tagName, nodeName, defaultChecked ) ou vos propres propriétés sur mesure.

Astuce: Pour récupérer les attributs HTML, utilisez le attr() méthode à la place.

Astuce: Pour supprimer une utilisation de la propriété du removeProp() méthode.


Syntaxe

Retourne la valeur d'une propriété:

$(selector).prop(property)

Définissez la propriété et de la valeur:

$(selector).prop(property,value)

proprieté et valeur à l'aide d'une fonction:

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

Définir plusieurs propriétés et valeurs:

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

Paramètre La description
property Indique le nom de la propriété
value Indique la valeur de la propriété
function(index,currentvalue) Indique une fonction qui renvoie la valeur de propriété pour définir
  • index - Reçoit la position d'index de l'élément dans l'ensemble
  • currentvalue - Reçoit la valeur actuelle de la propriété des éléments sélectionnés

Essayez-le vous-même - Exemples

Différence entre prop() et attr()
prop() et attr() peut renvoyer des valeurs différentes. Cet exemple montre les différences quand il est utilisé pour renvoyer le "checked" état d'une case à cocher.


<JQuery HTML / Méthodes CSS