Написание примера
<div Data-lole = page data-lest-value = 43 data hidden = true data-options = '{name: John}'> </div> 1. Определение:Атрибут Data-* используется для хранения частных пользовательских данных для страниц или приложений.
Data-* Атрибуты дают нам возможность внедрять пользовательские атрибуты данных во все элементы HTML.
2. Обратите внимание:Атрибуты данных-* включают две части:
Используйте значение атрибута Data-*для использования функции .data () в jQuery
Console.log ($ (div) .data ('lastvalue')); было: страница: страница Меры предосторожностиДанные-** Имя атрибута формат имени горба переписывание
Атрибут данных больше не доступен или изменяется после использования этого атрибута данных в первый раз (все значения данных хранятся внутри jQuery)
Демонстрация:
Console.log ($ (div) .data ('lastvalue')); Третий div В документе мы выводим этот dom // output: <div data-lole = page data-last-value = 43 data-highden = true data-options = '{name: John}'>Не бойтесь, вы снова выводите
console.log ($ (div) .data ('lastvalue'));Значение просто хранится внутри jQuery
Используйте значение атрибута Data-*с функцией .attr () в jQuery
console.log ($ ('div'). attr ('data-role')); ; // Выходное значение: 43Используйте функцию .attr () в jQuery, чтобы установить значение атрибута Data-*
$ ('div').Примечание. Требоваемое число должно быть преобразовано в именование горба
СуммироватьПриведенное выше взаимодействие между HTML5 New Attributes Data-*и JS/JQUERY, представленным вам редактором. Со временем Большое спасибо за вашу поддержку на веб -сайте Vevb Wulin!