Каков наилучший способ хранения нескольких значений для $ .data () jQuery?

Если вы храните несколько (более 10) значений на большом количестве элементов div, лучше ли хранить их все в одном объекте или в виде отдельных значений?

Один объект:

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

Отдельные значения:

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

Каковы компромиссы каждого метода? Некоторые из этих атрибутов будут доступны часто (например, во время обратных вызовов, таких как перетаскивание)

Ответы на вопрос(3)

Ваш ответ на вопрос