<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…]
- 0: Window
- length: 1
- __proto__: Object[0]
[input#test2, context: input#test2, jquery: "2.0.0", constructor: function, init: function, selector: ""…]
- 0: input#test2
- context: input#test2
- length: 1
- __proto__: Object[0]
这个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: ""…]
- 0: input#test1
- context: input#test1
- length: 1
- __proto__: Object[0]