Explication détaillée de l'utilisation de prop() attr() dans jQuery_jquery

Pour les attributs inhérents à l'élément HTML lui-même, utilisez la méthode prop lors du traitement.
Pour nos propres attributs DOM personnalisés des éléments HTML, nous utilisons la méthode attr lors de leur traitement.

Une fois la méthode prop introduite dans les versions supérieures de jquery, quand faut-il utiliser prop ? Quand utiliser attr ? Quelle est la différence entre les deux ? Ces problèmes surviennent.

Il existe de nombreuses réponses en ligne sur la différence entre les deux. Laissez-moi parler de mes pensées ici. Mes pensées sont très simples :

Pour les attributs inhérents à l'élément HTML lui-même, utilisez la méthode prop lors du traitement.
Pour nos propres attributs DOM personnalisés des éléments HTML, nous utilisons la méthode attr lors de leur traitement.

La description ci-dessus est peut-être un peu vague, donnez juste quelques exemples.

Copier le code Le code est le suivant :

http://www.baidu.com" target="_self" class="btn">Baidu

Dans cet exemple, les attributs DOM de l'élément incluent "href, target et class". Ces attributs sont les attributs de l'élément lui-même. Ces attributs sont également inclus dans la norme W3C, ou peuvent être intelligemment demandés dans l'EDI. . Les attributs qui apparaissent sont appelés attributs intrinsèques. Lorsqu'il s'agit de ces propriétés, il est recommandé d'utiliser la méthode prop.

Copier le code Le code est le suivant :

Supprimer

Dans cet exemple, les attributs DOM de l'élément incluent "href, id et action". Évidemment, les deux premiers sont des attributs inhérents, tandis que le dernier attribut "action" est personnalisé par nos soins. L'élément lui-même ne l'a pas. attribut de. Il s'agit d'un attribut DOM personnalisé. Lorsqu'il s'agit de ces attributs, il est recommandé d'utiliser la méthode attr. Lorsque vous utilisez la méthode prop pour obtenir des valeurs et définir des valeurs de propriété, des valeurs non définies seront renvoyées.

Autre exemple :

Copier le code Le code est le suivant :

Est-ce visible
Est-ce visible

Pour les éléments comme checkbox, radio et select, les attributs cochés correspondent à "checked" et "selected". Ce sont également des attributs inhérents, vous devez donc utiliser la méthode prop pour opérer pour obtenir le résultat correct.

Copier le code Le code est le suivant :

$("#chk1").prop("checked") == false
$("#chk2").prop("checked") == true

Si la méthode attr est utilisée ci-dessus, elle apparaîtra :

Copier le code Le code est le suivant :

$("#chk1").attr("checked") == non défini
$("#chk2").attr("checked") == "checked"

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.