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

Question

据我所知,通过美元符号引用jQuery中的任何DOM元素(如下:) $("#mydiv"),返回一个对象.

我希望为对象添加一个额外的属性:

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

但这似乎不起作用.我试图在这个对象中存储一个值,以便稍后引用它.

但是,下面的代码undefined在我设置属性后立即给出了一个值.

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

此代码也不起作用:

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

有没有办法实现这个目标？或者我是否需要将所有属性作为属性存储在DOM对象上$("#mydiv").attr("myprop", "some value")(这是不太理想的).

谢谢!

Answer 1

jQuery使用该data方法公开了property-bag的概念.

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

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

这避免了DOM操作,这在性能方面可能是昂贵的.