jQuery Data vs Att: Entendendo as diferenças

em jQuery, tanto $ .data quanto $ .attr são usados ​​para manipular atributos nos elementos dom. No entanto, eles servem a propósitos distintos e diferem em seu uso e comportamento. Esses dados não são armazenados como atributos HTML no próprio elemento. Portanto, se você precisar armazenar dados de forma persistente para fins de ligação a dados ou script personalizados, $ .data é a escolha preferida. // recebe os dados armazenados $ ('#Foo'). Dados ('myData'); // produz o "algum valor"

quando usar $ .attr

$. Att, por outro lado, definir principalmente ou recupera o html5 data-atributes. Esses dados-attributes são armazenados como atributos no elemento DOM e destinam-se a fornecer metadados ou conteúdo adicionais. // produz "mycoolvalue" $ ('#foo'). att ('dados-atributo', 'newvalue'); // Defina o data-attribute como "newValue"

considerações adicionais

para evitar confusão, é recomendável usar a sintaxe de camelcase que não pode acessar os dados armazenados com $ .data. $ .data.