La interacción y las precauciones entre los datos de los nuevos atributos HTML5-*y JS/jQuery

Ejemplo de escritura

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

El atributo Data-* se utiliza para almacenar datos personalizados privados para páginas o aplicaciones de almacenamiento.

Datos-* Los atributos nos dan la capacidad de integrar los atributos de datos personalizados en todos los elementos HTML.

Datos-* Los atributos incluyen dos partes:

• El nombre del atributo no debe incluir letras mayúsculas, y al menos un carácter debe estar disponible después de los datos de prefijo-
• El valor del atributo puede ser cualquier cadena

Use el valor de atributo de datos-*para usar la función .data () en jQuery

 console.log ($ (div) .data ('lastValue'); fue: la página es: página

Datos-** El nombre de nombre de atributo formato de nombre de la joroba reescritura

El atributo de datos ya no se accede o cambia después de usar este atributo de datos por primera vez (todos los valores de datos se almacenan dentro de jQuery)

Demostración:

 console.log ($ (div) .data ('lastValue'); Tercer div en el documento, emitimos esta salida DOM //: <div data-lole = page data-last-value = 43 data-highden = true data-options = '{name: John}'>

No tengas miedo, vuelves a emitir

 console.log ($ (div) .data ('lastValue');

El valor se almacena dentro de jQuery

Use el valor de atributo de datos-*con la función .attr () en jQuery

 console.log ($ ('div'). attr ('data-role')); ; / El valor de salida es: 43

Use la función .Attr () en jQuery para establecer Data-*Valor de atributo

 $ ('div').

Nota: El número fractable debe convertirse en un nombre de joroba

Lo anterior es la interacción entre los nuevos atributos HTML5:*y JQuery introducido por el editor para usted. en el tiempo. ¡Muchas gracias por su apoyo al sitio web de VEVB Wulin!