javascript里面关于绑定click的this和onclick触发this的区别

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">之前在做项目的时候,我们一般用两种形式来绑定一个javascript方法，下面两个button就是使用不一样的绑定</span>

	<input type="button" value="测试" id="test1" οnclick="test()" />
	<input type="button" value="测试" id="test2" /

function test(){
	console.log($(this));
}

<pre name="code" class="javascript">$(function(){
	$('#test2').click(function() {
		console.log($(this));
	});
})

</pre><pre>

两个方法button都打印出this,那么这两个this有什么区别呢,我们来看一下

第一个button打印出来是这样的

[Window, jquery: "2.0.0", constructor: function, init: function, selector: "", toArray: function…]

1. 0: Window
2. length: 1
3. __proto__: Object[0]

很清晰可以看是一个window对象，第二个呢

[input#test2, context: input#test2, jquery: "2.0.0", constructor: function, init: function, selector: ""…]

1. 0: input#test2
2. context: input#test2
3. length: 1
4. __proto__: Object[0]

第二个就是所绑 定的这个button对象了xxx

这个button对象好理解，就是这个button，那么什么是window对象呢，我百度了一下：他是JS中最大的对象，它描述的是一个浏览器窗口，一般要引用他的属性和方法时，不需要用“Window.XXX”这种形式，而是直接使用“XXX”。一个框架页面也是一个窗口,其实就是我们打开的这个页面对象，它包含了其他一切对象，那么，假如我们要使用第一种方法来获得这个button对象要怎么办呢，其实也很简单，我们只需要这样

	<input type="button" value="测试" id="test1" οnclick="test(this)" />

在写HTML的时候传过去一个this，这里必须是this，不能是其他参数，但是也可以添加多个其他参数用于方法里面使用

在jquery里面我们就可这样获取

function test(_this){
	console.log($(_this));
}

这里注意，这里的_this是随便你填写，只要不是填写为this就可以了，因为这里this绑定了最高的window对象，我们不可以使用，打印出来是这样的

[input#test1, context: input#test1, jquery: "2.0.0", constructor: function, init: function, selector: ""…]

1. 0: input#test1
2. context: input#test1
3. length: 1
4. __proto__: Object[0]