如何为 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 操作，这在性能方面可能会很昂贵。

Answer 2

$ 函数创建一个代表 dom 元素的 jquery 对象。 您可以更改对象的属性，但这些更改不会在它“代表”的元素中显示出来，除非 jquery 知道如何处理它们（也许分配一个单击事件处理程序）。

因此，当您进行第一个选择时，它会修改您创建的对象，但不会对实际的 html 元素执行任何操作。 当您再次运行 $ 时，它会创建一个单独的对象，该对象不会保留您对第一个对象所做的属性更改。

您也许可以直接更改 html 对象：（没有 jquery）

getElementByID("theid").myprop = "hello world";

结果是：

但设置 jquery 对象的属性是行不通的。 要在 jquery 中获得等效效果，请使用 Ken Browning 建议的 .data 方法。 （又太晚了...）：D

Answer 3

我不确定这是否是由于 jQuery 的更改所致。 但我已经按照问题中的描述完成了...

var domElem = $('#selector');
domElem.myProp = "Hello world";

现在就我而言，我必须在稍后的方法调用中使用这个对象：

<span onclick=\"SelectAll(domElem)\">Click me!</span>

然后该方法可以这样做：

function SelectAll(domElm){
    alert(domElm.myProp);
}

正如我所说 - 这可能是一个更新在 jQuery 引擎中，但似乎不再需要 .data() 调用:-)