Question

在jQuery中什么情况下用$(this)和this

Answer 1

<input id="body" type="button" value="这是JQUERY绑定的单击事件" />
<input type="button" value="这是HTML代码绑定的单击事件" onclick="fun(this)" />

<script type="text/javascript">
var body = $("#body");
body.click(function(){
this.value= "测试"; //这个时候的this指针和用document.getElementByID("body")是一个对象,也就是原生的dom对象

alert($(this).val()); //这个时候$(this)和$("#body")是一个对象,也就是jquery对象

//且$("#body")[0]和this也是一个对象,是一个原生的dom对象.

});
function fun(_this){
//这时在第二个按钮单击时执行的单击事件,但是第二个按钮没有ID,所以我们要用到jquery方法怎么办?所以我们需要在DOM对象和JQUERY对象之间转换.而转换可以这样

$(_this).val("测试"); //这个_this和就是第二个按钮本身

alert(_this.value);

}
</script>

Answer 2

对于javascript-dom不是很熟悉的，建议在jQuery代码中不要出现this。

this会索引原生的dom对象，上面的方法和jQuery对象的方法不同，而且复杂的操作兼容性难以控制。