Pourquoi la méthode jQuery 1.9+ attr() n'est-elle pas dépréciée?

.attr() n'est pas déprécié parce que il est utile pour ce qu'il est fait pour , et est la seule façon correcte de faire ce qu'il est fait pour (sauf en utilisant chaque élément getAttribute fonction, qui fait la même chose...ou parsing le HTML vous-même). La seule raison pour laquelle nous avons même cette discussion du tout est parce que jQuery (et certains vieux navigateurs ( toux IE toux ) attributs mal combinés et propriétés, et qui brouillent est ce qu'ils ont apparemment fixé dans 1.9.

.attr() récupère attributs , tandis que .prop() récupère propriétés . Les deux sont des choses différentes, et l'ont toujours été officiellement (bien que le DOM ait souvent une propriété pour correspondre à un attribut). Si vous avez un <p whatever="value"> , où whatever n'est pas un attribut que le navigateur reconnaît, vous utilisez .attr() pour obtenir la valeur de l'attribut. .prop() ne serait même pas en mesure de voir il dans la plupart des navigateurs.

lorsque vous vous souciez du DOM résultant biens , utilisez .prop() . Lorsque vous vous souciez du HTML réel attribut , utilisez .attr() . Ce n'est pas vraiment une chose ou l'autre; vous pouvez utiliser les deux dans le même code et l'univers n'implosera même pas une seule fois (en supposant que vous les avez utilisés correctement, de toute façon). :) Il suffit d'utiliser celui qui est adapté au travail que vous faites à l'époque, et d'arrêter d'essayer de "déprécier" les choses qui ne sont pas cassées.

j'ai pris la liberté de vous préparer un violon:

http://jsfiddle.net/5REVP /

Spécialement cette partie:

<div id="example" style="padding:10px"></div>

console.log("style");
var styleAttr = $("#example").attr("style");
console.log(styleAttr); // You get "padding:10px"
var styleProp = $("#example").prop("style");
console.log(styleProp); // You get a CSSStyleDeclaration object

L'exemple" style " montre clairement qu'un attribut n'est pas la même chose qu'une propriété (cochez la console).

pour la lisibilité, la maintenabilité et la compatibilité vers l'arrière (ainsi que vers l'avant) vous devez toujours utiliser les méthodes correctes pour un tâche donnée, sinon il ya une chance qu'une méthode peut arrêter de se comporter comme vous le pensez, le .attr() la méthode en est un exemple.

.la méthode attr() est utilisée pour obtenir les attributs des éléments, les attributs sont un SGML terme qui se réfère à l'information contenue dans les étiquettes de l'élément, vous pouvez facilement lire cette information en inspectant les éléments.

• Si vous obtenez l'attribut "style" d'un élément que vous ne recevra aucune information autre que ce qui est écrit spécifiquement dans cet attribut.
• si vous obtenez l'attribut" coché "d'une case à cocher, vous obtiendrez" coché "ou"".

.la méthode prop() est utilisée pour obtenir les propriétés DOM des éléments.

• si vous obtenez la propriété "style" vous n'obtenez pas ce que le concepteur a écrit dans l'attribut style, vous obtenez toutes les propriétés CSS réelles de la élément.
• si vous obtenez la propriété" cochée " d'une case à cocher, vous obtiendrez vrai ou faux.

.attr () n'accède qu'aux attributs HTML, alors que .prop () récupérera les propriétés qui ne sont pas sur les éléments HTML. Voir la documentation:

par exemple, selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked et defaultSelected doivent être récupérés avec la .prop() la méthode. Avant jQuery 1.6, ces propriétés étaient récupérables avec le .méthode attr (), mais ce n'était pas dans le la portée de l'attribut. Ils n'ont pas attributs correspondants et ne sont propriété.

http://api.jquery.com/prop /