jquerys$.data()与dom对象属性

我最近需要将一些数据附加到动态创建的 LI elements . 在我的第一个例子中,我使用 .data() 以某种方式

var _newli = $('<li>foobar</li>');
_newli.data('base', 'ball');
// append _newli to an `ul`

那…是 可怕地 慢。这个逻辑发生在一个循环中,这个循环很容易增长到500多个项目,需要花费很多时间!有时甚至打破了JavaScript的执行时间框架。

所以我改为 $.data() . 以某种方式,将数据附加到对象上 8X 比过去快 数据() 方法调用。所以现在看起来

var _newli = $('<li>foobar</li>');
$.data(_newli[0], 'base', 'ball');
// append _newli to an `ul`

这确实更快,但还是花了3-4秒。构建所有元素(在我的实际代码中,每个元素有6个对$.data的调用)。

所以我真的坚持了下来,我问自己为什么要用这个 数据() 或 $DATA() 反正?我可以将我的数据附加到 DOM object . 所以我做到了

var _newli = $('<li>foobar</li>');
_newli[0].base = 'ball';
// append _newli to an `ul`

沃伊拉 真的 令我震惊的是,速度太快了!我真不敢相信这一切顺利而没有任何不利条件。这就是我的问题所在。到目前为止,我在网上没有发现这种技术的任何缺点。有关于 循环引用 您可以使用这种方式创建,但只有在IE上“仅”使用afaik,并且仅当您引用 objects .

有什么想法专家吗?

更新

感谢各位的好评和发帖。patrick dw的简短更新:

你说得对,我刚穿过内裤 DOM element 使用时 $DATA() . 它甚至不能与jquery对象一起工作,至少不像预期的那样。 使用一个对象并传递它的想法 $.date() 我有过自己,但我再次对性能差异感到震惊,我决定忽略 数据() 方法就像永远。