这句话总是如此吗?
$("p").click(function(event) {
alert( event.currentTarget === this );
});
一种方法优于另一种方法吗?我喜欢用 $(this)
代替 event.currentTarget
但在某些情况下可以做得更好吗?哪个更好?绝对一样吗?
另一个细微差别 - 检查萤火虫时 console.log(this)
和 console.log($(this))
给了我完全相同的元素。如果它们是相同的 - 有什么不同? (因为我知道我可以写这个 $(this).css('color','white')
但不能写 this.css('color','white')
一般来说,是的,它会是一样的。你可以通过使用它来使它不同 $.proxy
操纵上下文,但在实践中你可能永远不会。
$(document.body).on('click', $.proxy(function(e) {
console.log(this); // window
console.log(e.currentTarget); // document.body
}, window));
至于另一个问题, this
是一个原生的DOM元素,而 $(this)
是一个包装该DOM元素的jQuery对象。 jQuery包装器意味着您可以运行诸如的jQuery函数 css
,在本机DOM元素上不可用。
而且,为了回答你问题的准确措辞, event.currentTarget
通常等于 this
,不是 $(this)
。
一般来说,是的,它会是一样的。你可以通过使用它来使它不同 $.proxy
操纵上下文,但在实践中你可能永远不会。
$(document.body).on('click', $.proxy(function(e) {
console.log(this); // window
console.log(e.currentTarget); // document.body
}, window));
至于另一个问题, this
是一个原生的DOM元素,而 $(this)
是一个包装该DOM元素的jQuery对象。 jQuery包装器意味着您可以运行诸如的jQuery函数 css
,在本机DOM元素上不可用。
而且,为了回答你问题的准确措辞, event.currentTarget
通常等于 this
,不是 $(this)
。
部分答案在上面。我希望它足够清楚。
没有 console.log(this)
和 console.log($j(this))
不会给你相同的结果。 $(this)将其转换为jQuery对象,因此您可以调用.css类似于可以在jQuery对象($(this))上调用的方法而不是将要调用的HTML元素 this
。
此属性通常等于函数的属性。
如果您正在使用jQuery.proxy或其他形式的范围操作,这将等于您提供的任何上下文,而不是event.currentTarget