A interação e as precauções entre html5 novos atributos dados-*e js/jQuery

Exemplo de escrita

 <div data-lole = página de dados-lest-value = 43 Data-Hidden = True Data-Options = '{Nome: John}'> </div>

O atributo de dados* é usado para armazenar dados personalizados privados para páginas ou aplicativos de armazenamento.

Dados-* Atributos nos fornecem a capacidade de incorporar os atributos de dados personalizados em todos os elementos HTML.

Dados-* Os atributos incluem duas partes:

• O nome do atributo não deve incluir nenhuma letras maiúsculas e pelo menos um caractere deve estar disponível após os dados do prefixo-
• O valor do atributo pode ser qualquer string

Use o valor do atributo de dados para usar a função .data () no jQuery

 console.log ($ (div) .Data ('LastValue')); foi: a página é: página

Dados-** Nome do atributo Format Hump Name Reescrita

O atributo de dados não está mais acessando ou alterando depois de usar esse atributo de dados pela primeira vez (todos os valores de dados são armazenados dentro do jQuery)

Demonstração:

 console.log ($ (div) .data ('LastValue')); Terceira div no documento, produzimos este DOM // Saída: <div data-lole = página data-last-value = 43 data-highden = true data-options = '{nome: john}'>

Não tenha medo, você produz novamente

 console.log ($ (div) .Data ('LastValue'));

O valor é armazenado dentro do jQuery

Use o valor do atributo de dados com a função .attr () no jQuery

 console.log ($ ('div'). Att ('Data-Role')); ; // O valor de saída é: 43

Use a função .attr () no jQuery para definir dados-*Valor do atributo

 $ ('div').

Nota: O número fracável deve ser convertido em nomeação de corcunda

O acima é a interação entre os novos atributos HTML5 e JS/jQuery introduzidos pelo editor para você. Com o tempo Muito obrigado pelo seu apoio ao site VevB Wulin!