jQuery .data 与 eventData

Question

在设置事件处理程序(提交、单击、按键等)时，将数据获取到处理程序并在处理程序中使用它的最快、最有效的方法是什么？我应该做这样的事情:

$obj.data({name: value, ...});

$obj.click(function(e){
  var $this = $(e.target),
    name = $this.data(name);
});

或者这样做更好:

$obj.bind('click', {name: value}, function(e) {
  var $this = $(e.target),
    name = e.data.name;
});

还有其他我遗漏的考虑因素吗？

Answer 1

无论哪种方式都有效，您都将相同的数据存储在稍微不同的位置，尽管您的第一种方式可以使用 $.data() 来减少浪费。无需创建 jQuery 对象，如下所示:

$obj.data({ name: value });
$obj.click(function(e) {
  var name = $.data(this, 'name');
});

就我个人而言，我发现第二个更干净，它的等效版本总体上也更短:

$obj.bind('click', {name: value}, function(e) {
   var name = e.data.name;
});