如何使用jquery设置没有值的属性到html标记

Question

我正在尝试使用vanilla-tilt.js，最简单的方法是向您的代码添加数据倾斜：

<div class="your-element" data-tilt></div>

但是，我现在必须使用它的平台不允许我访问html源代码。

我只能访问 css 和 js 代码编辑器。所以，我唯一的选择是通过javascript。

那么，如果我使用 jquery ，如何将{data-tilt'属性添加到具有.your-element类的div？

Answer 1

您可以将jQuery的.attr与空字符串一起使用：

$('#your-elem-id').attr('data-tilt', '');

Answer 2

使用Jquery，您可以使用.attr（）方法添加属性。 attr（）需要2个参数，第一个是属性名称，de第二个是其他方式使用javascript使用setAttribute方法，其工作方式与attr（）方法相同。

<强> Jquery的：

$(".your-element").attr("data-tilt", "SOMEVALUE");

console.log($(".your-element"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="your-element"></div>

<强>使用Javascript：

var element = document.getElementsByClassName("your-element");
element[0].setAttribute("data-tilt", "SOMEVALUE");
console.log(element);

<div class="your-element" data-tilt></div>

最后，如果您检查元素，您将看到DOM中附加的新属性。

Answer 3

您不需要访问HTML Read the DOCS.

所以通过HTML：

docker run

你需要的只是：

<div class="your-element"></div>

对于多个元素，我认为这应该可以完成这项工作：

VanillaTilt.init(document.querySelector(".your-element"), {
    max: 25,
    speed: 400
});