Attributs personnalisés Jquery

Question

Je songe à utiliser des attributs personnalisés dans Jquery pour éviter d'utiliser des attributs de classe ou d'identifiant, afin de ne pas interférer avec les concepteurs html.

Compte tenu de cette idée, le code HTML doit être des morceaux comme:

<ul Jquery="CommonUl"> 
    <li Jquery="CommonLi"></li>  
    <li Jquery="CommonLi"></li> 
    <li Jquery="CommonLi"></li> 
    <li Jquery="CommonLi"></li> 
    <li Jquery="CommonLi"></li> 
</ul> 

• Pensez-vous que cela est une bonne approche?

• Comment jugez vous le W3C de validation de ces attributs personnalisés?

• Connaissez-vous un moyen de programmer avec Jquery sans interférer avec le travail des concepteurs html? A propos de la performance, je suppose qu'avec les attributs de classe ou les ids, les sélecteurs jquery sont plus rapides que l'utilisation d'un attribut personnalisé et de fonctions de filtrage telles que "contains, etc ...". Est-ce correct?

Answer 1

Vous pouvez le faire, utilisez data- attributes bien (part of the HTML5 specification), comme ceci:

<li data-something="CommonLi"></li> 

jQuery a même un support intégré pour ces derniers dans 1.4.3+, par exemple:

$("li").data("something") //"CommonLi" 

Pour vos questions:

• Ils valident si elle est HTML5 - mais ne pause quoi que ce soit dans HTML4
• Cela ne devrait pas interférer avec le concepteur, mais cela dépendra de qui concepteur
• Si vous êtes Récupérer à partir d'un élément, la performance est la même que tout autre attribut

Answer 2

Je vous recommande personnellement d'utiliser la méthode jquery intégrée pour enregistrer des données avec chaque élément. Voici l'extrait de code pour la sauvegarde des données:

$("ul").data("CommonUl"); 
$("li").data("CommonLi"); 

Answer 3

si vous prévoyez d'avoir plusieurs attributs, je suggère de définir un attribut unique, des espaces de noms, par exemple

<li data-yourapp>...</li> 

et utiliser cet attribut comme un Hashtable

$("li").data("yourapp", { 
    points : 2000, 
    life : 1, 
    weapons : { 
     firegun : 0, 
     missiles : 12 
    } 
}); 

de cette façon vous permettra de réduire l'accès de l'élément et vous récupérer toutes les données personnalisées une fois