如何使用Jquery获取自定义属性

要使用jQuery获取自定义属性，您可以使用.attr()方法。首先，确保已经在HTML文件中引入了jQuery库。

以下是一个示例，说明如何使用jQuery获取自定义属性：

在HTML文件中创建一个元素，并添加自定义属性：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>jQuery Custom Attribute Example</title>
   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <div data-custom-attribute="example">This is an example element</div>
   <script src="script.js"></script>
</body>
</html>

在这个例子中，我们创建了一个<div>元素，并添加了一个名为data-custom-attribute的自定义属性。

在script.js文件中编写JavaScript代码，使用jQuery获取自定义属性：

$(document).ready(function() {
    var customAttributeValue = $('div').attr('data-custom-attribute');
    console.log('Custom Attribute Value:', customAttributeValue);
});

在这个例子中，我们使用$('div')选择器选择了<div>元素，并使用.attr()方法获取了名为data-custom-attribute的自定义属性。然后，我们将获取到的属性值输出到控制台。

当您运行此示例时，您将在控制台中看到以下输出：