javascript - style - title html

Atributos personalizados jquery

Question

Estoy pensando en usar atributos personalizados en Jquery para evitar el uso de atributos de clase o id, para no interferir con los diseñadores html.

Teniendo en cuenta esta idea, el html debería ser piezas como:

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

• ¿Crees que este es un buen enfoque?

• ¿Cuál es su opinión acerca de la validación W3C de estos atributos personalizados?

• ¿Conoces alguna forma de programar con Jquery sin interferir con el trabajo de los diseñadores html?

• Sobre el rendimiento, supongo que con los atributos de clase o identificadores, los selectores de jQuery son más rápidos que usar un atributo personalizado y funciones de filtrado como "contiene, etc.". ¿Es esto correcto?

Answer 1

Personalmente, le recomendaría usar el método integrado jquery para guardar datos con cada elemento. A continuación se muestra el fragmento de código para guardar datos:

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

Answer 2

Puedes hacer esto, usar atributos de data- ( parte de la especificación HTML5 ), como esto:

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

jQuery incluso tiene soporte incorporado para estos en 1.4.3+, por ejemplo:

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

Para tus otras preguntas:

• Validarán si es HTML5, pero no romperán nada en HTML4
• Esto no debería interferir con el diseñador, pero dependerá de qué diseñador
• Si está obteniendo de un elemento, el rendimiento es el mismo que cualquier otro atributo

Answer 3

Si planea tener varios atributos, sugiero establecer un atributo de espacio de nombre único, por ejemplo,

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

y usar ese atributo como una tabla hash

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

De esta forma, reducirá el acceso a los elementos y recuperará todos los datos personalizados una vez.