JQuery -- this 和 $(this) 的区别

举个栗子：修改div里文本内容的颜色

<div id="box">DearMorning的博客</div>

①this，其实指向一个Html 元素。这里的this指向的box有Style对象属性，所以下面这样写是没有问题的。但是如果将this换成$(this)就Error了。

$("#box").hover( function() { this.style.color='red';});

②$(this)，这里的$(this)是一个JQuery对象，而jQuery是一个类数组对象Array[element,element,.....]，所以也就沒有style对象属性，因此这样写是错误

Error Code：

$("#box").hover( function() { $(this).style.color='red';//报错“Cannot set property 'color' of undefined”});

③$(this)，可以将JQuery对象转化为DOM对象，再使用style对象属性

Right Code：

$("#box").hover( function() { $(this)[0].style.color='red'; //转化成DOM对象//$(this).get(0).style.color='red'; //通过get方法，转化成DOM对象});

④总结：DOM对象就是一个单独的DOM元素，jQuery是一个类数组对象

还可以用jQuery的方式更改对象属性

$("#box").hover( function(){$(this).css('color','red');});