jquery - 如何为 jQuery 对象分配属性？

Question

据我了解，通过美元符号引用 jQuery 中的任何 DOM 元素(如: $("#mydiv") )都会返回一个对象。

我希望向对象添加一个附加属性，如下所示:

$("#mydiv").myprop = "some value";

但这似乎不起作用。我正在尝试在此对象中存储一个值，以便稍后可以引用它。

但是，下面的代码给了我一个 undefined甚至在我设置属性后立即就得到值。

$("#mydiv").myprop = "some value";
alert($("#mydiv").myprop);

此代码也不起作用:

$("#mydiv")["myprop"] = "some value";
alert($("#mydiv").myprop);

有办法实现这一点吗？或者我是否需要通过 $("#mydiv").attr("myprop", "some value") 将我的所有属性存储为 DOM 对象上的属性(这是不太理想的)。

谢谢!

Answer 1

jQuery 通过 data 公开了属性包的概念。方法。

// set some arbitrary data
$('#selector').data('example-property', exampleValue);

// get the value later
var theValue = $('#selector').data('example-property')

这避免了 DOM 操作，这在性能方面可能会很昂贵。