我可以使用Jquery将自定义属性插入HTML元素吗？

Question

我想使用jQuery为html标签添加自定义属性。

这是我开始的......

<div class="module media object">

这就是我想要的结果......

<div class="module media object reveal-modal" id="objectModal" data-reveal>

添加类和ID没问题，但是如何添加＆＃34;数据显示＆＃34;？

这可能吗？任何帮助表示赞赏......仅供参考，我是jQuery的新手。

干杯，阿诺德

Answer 1

您可以使用（空）值添加它。

$('.module .media .object').attr("data-reveal", "");

有些浏览器甚至会将空值评估为您想要的值（data-reveal）。 （我在Safari中看过它）其他人会将它评估为data-reveal=""，对于所有布尔属性，它仍然是有效的true。

Answer 2

您可以使用data()方法实现此目的：

$('.module').data('reveal', 'foo'); 

但请注意，这不会出现在标记中，而是存储在jQuery存储在内存中的对象中。您可以使用data() getter：

检索属性的值

var reveal = $('.module').data('reveal'); // == 'foo'

Answer 3

当然可以。只需使用jQuery.data()功能即可。它支持HTML5风格的数据属性。

$('#objectModal').data('reveal', true);

这将分配值＆＃34; true＆＃34;，并且将是一个名为＆＃34; data-reveal＆＃34;的属性。现在在元素上。同样，您可以使用与getter相同的功能。

var foo = $('#objectModal').data('reveal');