jquery 美元符号

Question

我有这个html:

<ul id="list1" class="eventlist">
  <li>plain</li>
  <li class="special">special <button>I am special</button></li>
  <li>plain</li>
</ul>

我有这个 jquery 代码:

$('#list1 li.special button').click(function(event) {

  var $newLi = $('<li class="special"><button>I am new</button></li>');
  var $tgt = $(event.target);
});

我的问题是有什么区别

var $tgt = $(event.target);

和

var $tgt = event.target;

Answer 1

event.target 是对 DOM 节点的引用。 $(event.target) 是一个包装 DOM 节点的 jQuery 对象，它允许您使用 jQuery 的魔力来查询操作 DOM。

换句话说，你可以这样做:

$(event.target).addClass('myClass');

但你不能这样做:

event.tagert.addClass('myClass');