html 自定义属性 jq

HTML自定义属性（data*）是一种在HTML元素中存储额外信息的方法，这些信息可以通过JavaScript或jQuery轻松访问，这些属性的名称以"data"开头，后面跟着任意名称，可以包含字母、数字和连字符。

以下是一个简单的例子，展示了如何在HTML中使用自定义属性，并通过jQuery获取这些属性的值：

1、我们在HTML元素中定义一个自定义属性：

<div id="myDiv" datacustomattribute="Hello, World!">这是一个带有自定义属性的div元素</div>

2、我们可以使用JavaScript或jQuery来获取这个自定义属性的值：

// 使用原生JavaScript
var customAttribute = document.getElementById("myDiv").getAttribute("datacustomattribute");
console.log(customAttribute); // 输出： "Hello, World!"
// 使用jQuery
var customAttribute = $("#myDiv").attr("datacustomattribute");
console.log(customAttribute); // 输出： "Hello, World!"

3、我们还可以使用jQuery的.data()方法来设置和获取自定义数据：

// 设置自定义数据
$("#myDiv").data("customData", "这是一些额外的数据");
// 获取自定义数据
var customData = $("#myDiv").data("customData");
console.log(customData); // 输出： "这是一些额外的数据"

以上就是HTML自定义属性的基本用法，希望对你有所帮助。