JQuery学习之$(this)与this的区别

虽然JQuery比原生JavaScript学起来容易很多，但是JQuery还有些难点的。比如$(this)和this有什么区别呢？

首先来看看JQuery中的  $()  这个符号，实际上这个符号在JQuery中相当于JQuery（）,即$(this)=jquery();这样可以返回一个jquery对象。也就是说，当你在网页中alert($(‘div’));时，会弹出一个[object Object ]，这个object对象，也就是jquery对象了。

那么，我们再回过头来说$(this)，这个this是什么呢？假设我们有如下的代码：

$("img").each(function(index){
	alert($(this));
	alert(this);
}

那么，这时候可以看出来：

alert($(this));  弹出的结果是[object Object ]

alert(this);  弹出的结果是[object HTMLImageElement]

也就是说，this返回的是一个html对象(本例中是遍历HTML的img对象，所以为 HTMLImageElement)；$(this)返回的是jquery对象。

很多人在使用jquery的时候，经常犯这样的错误：this.attr(‘src’);   这时会报错“对象不支持此属性或方法”。这又是为什么呢？其实看明白上面的例子，就知道错在哪里了：this操作的是HTML对象，能直接调用原生javascript的方法与属性，但是不能用来直接调用jquery的方法或者属性；而attr()属于jquery的方法，所以不能用this来调用，必须要用$(this)调用才正确（正确调用为：$(this).attr(‘src’);）。

来自：博客园。原文链接