如何将自定义属性分配给 jQuery 对象？

Question

我需要将自定义属性分配给 jQuery 对象。这是对象：

var object = $("<div id='item'></div>");

我需要 object 来拥有自定义数据成员。我怎样才能添加这个？

Answer 1

.data()

Answer 2

.data() 函数允许您存储或检索任意数据并将其与匹配的元素关联。

在许多情况下，最简单的方法是使用 data() 针对 body 标签来存储键值对。

数据存储示例

//Store the string "bar" with the body tag, with the key "foo"
$('body').data('foo', 'bar');

数据检索示例

//Retrieve the string "bar"
var str = $('body').data('foo');

参考

• 手册

Answer 3

此外，您还可以向封装在 jQuery 对象中的 DOM 对象添加属性。

您可以将 DOM 对象作为任何 jQuery 对象的第一个元素进行访问。

var object = $("<div id='item'></div>");
$(object)[0].aproperty = "any value"