jQuery .prop() vs .attr() : quand dois-je utiliser chaque méthode ?

jQuery .prop() vs .attr()

jQuery 1.6 a introduit la nouvelle méthode prop(), ce qui a soulevé quelques questions sur son utilisation par rapport à la méthode attr() existante.

Quand utiliser .prop()

En général, vous devriez préférer prop() à attr() pour les raisons suivantes :

• Précision : prop( ) récupère la propriété réelle de l'élément DOM, tandis que attr() récupère l'attribut, qui ne reflète pas toujours l'état actuel de l'élément DOM. element.
• Conscience du type : prop() renvoie la valeur de la propriété dans son type correct (par exemple, un booléen pour vérifié), tandis que attr() renvoie toujours une chaîne.
• Clarté : prop() est plus explicite sur la propriété que vous possédez accès.

Quand utiliser .attr()

attr() est toujours utile dans certaines situations :

• Attributs personnalisés : attr() peut récupérer ou définir des attributs personnalisés que vous ajoutez au DOM.
• Attributs booléens : Pour certains attributs booléens (par exemple, cochés), prop() reflétera l'état actuel, tandis que attr() reflétera la valeur par défaut (bien que jQuery 1.6. 1 a rétabli attr() à son ancien comportement pour les attributs booléens).

Différences dans Comportement des attributs et des propriétés

La principale différence entre les attributs et les propriétés est que les attributs sont stockés dans le balisage HTML, tandis que les propriétés sont calculées dynamiquement par le navigateur. Cela peut entraîner des écarts dans certains cas, tels que :

• Valeur d'entrée et état vérifié : La valeur et les propriétés vérifiées représentent l'état actuel de l'élément d'entrée, tandis que le correspondant les attributs (valeur et coché) représentent l'état par défaut ou initial.
• Style : La propriété style est un objet qui contient des propriétés CSS, tandis que le L'attribut style est une représentation sous forme de chaîne du CSS en ligne.

Impact sur le code existant

Remplacement de toutes les instances de attr() par prop() dans jQuery 1.6 fonctionnera généralement. Cependant, vous devrez peut-être gérer manuellement les attributs booléens là où vous comptiez auparavant sur attr() pour refléter l'état par défaut.

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!