Maison > interface Web > js tutoriel > Quelle est la différence entre jquery prop() et attr()

Quelle est la différence entre jquery prop() et attr()

coldplay.xixi
Libérer: 2020-11-25 14:23:05
original
6090 Les gens l'ont consulté

La différence entre jquery prop() et attr() : 1. La méthode [attr()] définit ou renvoie les attributs et les valeurs de l'élément sélectionné ; 2. La méthode [prop()] ; définit ou renvoie les attributs et les valeurs de l'élément sélectionné.

Quelle est la différence entre jquery prop() et attr()

  • Cette méthode convient à toutes les marques d'ordinateurs

jquery prop () Différences avec attr() :

Récemment, le projet est revenu à l'utilisation de jquery. Le rendu des pages est entièrement effectué à l'aide de jquery, donc en le faisant, j'ai également rencontré de nombreux problèmes que je n'ai jamais rencontrés. vu auparavant, comme cette opération [ L'attribut "checked" de la radio] rencontre parfois des problèmes

$("...").attr("checked",false); ne fonctionne pas, j'ai vérifié en ligne et utilisé prop() pour résoudre parfaitement le problème. je l'enregistrerai ici.

Définition officielle : attr() :

La méthode attr() définit ou renvoie les attributs et les valeurs de l'élément sélectionné.

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

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'élément correspondant.

prop() :

la méthode prop() définit ou renvoie les propriétés et les valeurs de l'élément sélectionné.

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

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.

  • $('').attr()renvoie un objet html

  • $('').prop()renvoie un objet DOM

prop()

exploite des contrôles tels que la radio (case à cocher) Lorsqu'elle est sélectionnée, la valeur sélectionnée du contrôle changera également en conséquence. Autrement dit, vous pouvez contrôler à la fois sa sélection et sa désélection ;

est similaire à

et renvoie vrai ou faux $("...").attr("checked");

S'il existe un attribut correspondant, il renvoie l'attribut If. Sinon, elle renvoie une chaîne vide

attr() : La méthode

exploite des contrôles tels que

. Lorsqu'elle est sélectionnée, la valeur sélectionnée du. le contrôle ne changera pas en conséquence. Autrement dit, il ne peut contrôler que sa sélection, mais ne peut pas contrôler sa désélection ; adio(checkbox)

est similaire à

et renvoie « coché » ou non défini$("...").attr("checked");

S'il existe un attribut correspondant, il renvoie Si ce n'est pas le cas, renvoyez undefined

Scénarios d'utilisation de attr et prop :

1 Ajoutez le nom de l'attribut et l'attribut prendra effet. ();

2. S'il y a deux attributs true et false, utilisez prop(); (comme 'checked', 'selected', 'disabled', etc.)

3. Pour d'autres attributs, utilisez attr();

Recommandé officiellement :

Quelle est la différence entre jquery prop() et attr()

Recommandations d'apprentissage gratuites associées :

JavaScript (vidéo)

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal