Maison  >  Article  >  interface Web  >  Comment utiliser la méthode prop() dans jquery

Comment utiliser la méthode prop() dans jquery

王林
王林original
2020-11-24 11:01:474112parcourir

Utilisation de la méthode prop() dans jquery : Si vous souhaitez renvoyer la valeur de la propriété, utilisez la méthode [$(selector).prop(property)]. valeur, utilisez la méthode [$(selector) ).prop(property,value)].

Comment utiliser la méthode prop() dans jquery

L'environnement d'exploitation de ce tutoriel : Système Windows 10, version jquery2.2.4, cette méthode convient à toutes les marques d'ordinateurs.

Utilisation de la méthode prop() dans jquery : la méthode

prop() définit ou renvoie les attributs et les valeurs de l'élément sélectionné.

(Partage vidéo d'apprentissage : tutoriel vidéo javascript)

Lorsque cette méthode est utilisée pour renvoyer une valeur d'attribut, elle renvoie la valeur du premier élément correspondant.

Lorsque cette méthode est utilisée pour définir des valeurs d'attribut, une ou plusieurs paires attribut/valeur sont définies pour l'ensemble des éléments correspondants.

Syntaxe :

Renvoyer la valeur de l'attribut :

$(selector).prop(property)

Définir l'attribut et la valeur :

$(selector).prop(property,value)

Utiliser la fonction pour définir l'attribut et la valeur :

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

Définissez plusieurs attributs et valeurs :

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

Valeur de l'attribut :

  • propriété spécifie le nom de l'attribut.

  • value spécifie la valeur de l'attribut.

  • function(index,currentvalue) spécifie une fonction qui renvoie la valeur d'attribut à définir.

Index-récupère la position d'index de l'élément dans la collection.

currentvalue - Récupère la valeur d'attribut actuelle de l'élément sélectionné.

Exemple :


Ajouter et supprimer un attribut nommé « color » :

$("button").click(function(){
    var $x = $("div");
    $x.prop("color","FF0000");
    $x.append("The color 属性: " + $x.prop("color"));
    $x.removeProp("color");});

Recommandations associées :

Tutoriel js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn