Взаимодействие и меры предосторожности между HTML5 New Attributes Data-*и JS/JQUERY

Написание примера

 <div Data-lole = page data-lest-value = 43 data hidden = true data-options = '{name: John}'> </div>

Атрибут Data-* используется для хранения частных пользовательских данных для страниц или приложений.

Data-* Атрибуты дают нам возможность внедрять пользовательские атрибуты данных во все элементы HTML.

Атрибуты данных-* включают две части:

• Имя атрибута не должно включать каких-либо заглавных букв, и по крайней мере один символ должен быть доступен после данных префикса-
• Значение атрибута может быть любой строкой

Используйте значение атрибута 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!