onclick调用函数中的$(this)未指向当前节点——jquery

在写html时，对button绑定了onclick事件，如下：

<input type="button" value="修改" onclick="changeContent()">

注意：此时的onclick中函数未传递任何参数

在function中我们尝试获取input这个节点信息：

function changeContent(){
alert($(this).tagName;
}

在chrome中运行后我们发现返回的是undefined，也就是说获取到的不是input节点

查找资料后发现：

写在元素上onclick里面的函数changeContent，函数里面使用的this指向全局对象window，而不是指向该元素

那么要获取onclick所在节点的object，我们则需要在调用function时就把this传递过去：

<input type="button" value="修改" onclick="changeContent(this)">

在function中可以用一个tmp临时存放传递过来的this，或者使用$(this)将其变为jquery对象

function changeContent(obj){
var tmp = obj;
alert(tmp.tagName);
$(tmp).parent().css("background-color","red");
}

这时候获得的tageName为"INPUT”，且变红的父节点正是该input的父节点