jquery - 为 jQuery 的 $.data() 存储多个值的最佳方法是什么？

Question

如果在大量 div 上存储多个(10+)值，将它们全部存储在单个对象中还是作为单独的值是否更佳？

单个对象:

$("#div_id").data("data", {foo:1, bar:2});

单独的值:

$("#div_id")
  .data("foo", 1)
  .data("bar", 2);

每种方法的权衡是什么？其中一些属性将被频繁访问(例如在拖动等事件回调期间)。

Answer 1

在 1.4 中你可以这样做:

$('#somediv').data({ one : 1, two : 2, three : 3 });

这是初始化数据对象的好方法。然而，在 1.4.2 中，请记住，使用此表单将替换此元素上的任何现有数据。所以，如果你尝试这样做:

$('#somediv').data( 'one', 1 );

$('#somediv').data({ two : 2, three : 3 });

你将会毁掉“一”的值(value)。

(就个人而言，我认为这是一种耻辱，因为 jQuery 已经广泛使用了通过 $.extend 来合并对象。我不清楚为什么这里没有使用它。)

更新(用户建议:@ricka，谢谢):

1.4.3 及以上版本，它合并数据 ( http://api.jquery.com/data/#data-obj ):

In jQuery 1.4.3 setting an element's data object with .data(obj) extends the data previously stored with that element. jQuery itself uses the .data() method to save information under the names 'events' and 'handle', and also reserves any data name starting with an underscore ('_') for internal use.

Prior to jQuery 1.4.3 (starting in jQuery 1.4) the .data() method completely replaced all data, instead of just extending the data object. If you are using third-party plugins it may not be advisable to completely replace the element's data object, since plugins may have also set data.