blocks|key|1418171|text|有一个不同之处，那就是您可以使用第二种形式绑定自定义事件。否则，它们似乎是同义词。请参阅：jQuery+Event+Docs|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1418172|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.jquery.com/Events^0|19|H|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

There is one difference in that you can bind custom events using the second form that you have. Otherwise, they seem to be synonymous. See: <a href="http://docs.jquery.com/Events" rel="noreferrer">jQuery Event Docs</a>

blocks|key|1418205|text|不管它有什么价值，从jQuery+source|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1418206|jQuery.each(+("blur,focus,load,resize,scroll,unload,click,dblclick,"+%2B
++++"mousedown,mouseup,mousemove,mouseover,mouseout,mouseenter,mouseleave,"+%2B
++++"change,select,submit,keydown,keypress,keyup,error").split(","),+function(i,+name){

++++//+Handle+event+binding
++++jQuery.fn[name]+=+function(fn){
++++++++return+fn+?+this.bind(name,+fn)+:+this.trigger(name);
++++};
});|code-block|syntax|javascript|1418207|所以不，没有区别-|1418208|$().click(fn)|1418209|呼叫|1418210|$().bind('click',fn)|1418211|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/p/jqueryjs/source/browse/trunk/jquery/src/event.js#661^0|A|D|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|13|8|@]|9|@]|C|$]]|$1|K|3|L|5|F|7|14|8|@]|9|@]|C|$G|H]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|C|$]]|$1|O|3|P|5|F|7|16|8|@]|9|@]|C|$G|H]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]]]

For what it's worth, from the <a href="http://code.google.com/p/jqueryjs/source/browse/trunk/jquery/src/event.js#661" rel="noreferrer">jQuery source</a>:

<pre><code>jQuery.each( ("blur,focus,load,resize,scroll,unload,click,dblclick," +
 "mousedown,mouseup,mousemove,mouseover,mouseout,mouseenter,mouseleave," +
 "change,select,submit,keydown,keypress,keyup,error").split(","), function(i, name){

 // Handle event binding
 jQuery.fn[name] = function(fn){
 return fn ? this.bind(name, fn) : this.trigger(name);
 };
});
</code></pre>

So no, there's no difference - 

<pre><code>$().click(fn)
</code></pre>

calls

<pre><code>$().bind('click',fn)
</code></pre>

blocks|key|1418292|text|马修的答案是%2B1，但我想我应该提一下，您还可以使用bind一次性绑定多个事件处理程序|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1418293|$('#myDiv').bind('mouseover+focus',+function()+{
++++$(this).addClass('focus')
});|code-block|syntax|javascript|1418294|更清晰的等价物是：|1418295|var+myFunc+=+function()+{
++++$(this).addClass('focus');
};
$('#myDiv')
++++.mouseover(myFunc)
++++.focus(myFunc)
;|1418296|entityMap^0|P|4|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

+1 for Matthew's answer, but I thought I should mention that you can also bind more than one event handler in one go using <code>bind</code>

<pre><code>$('#myDiv').bind('mouseover focus', function() {
 $(this).addClass('focus')
});
</code></pre>

which is the much cleaner equivalent to:

<pre><code>var myFunc = function() {
 $(this).addClass('focus');
};
$('#myDiv')
 .mouseover(myFunc)
 .focus(myFunc)
;
</code></pre>

blocks|key|1632935|text|有一个绑定的data参数，它只会在绑定时出现一次。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1632936|您还可以将自定义事件指定为bind的第一个参数。|1632937|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

There is the [data] parameter of bind which will occur only at bind-time, once.

You can also specify custom events as the first parameter of bind.

blocks|key|1633037|text|如果你有Google+Chrome，他们的开发者工具有一个事件侦听器工具，选择你想要监视它的事件的元素。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1633038|你会发现尝试这两种方法都会得到相同的结果，所以它们是等价的。|1633039|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

If you have Google Chrome, their developer tools have an event listener tool, select the element you want to spy its' event.

You'll find that trying the both ways lead to the same result, so they are equivalent.

blocks|key|1418492|text|我发现.click()更符合逻辑，但我猜它是您思考事物的方式。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1418493|$('#my_button').click(function()+{+alert('BOOM!');+});|code-block|syntax|javascript|1418494|看起来就像你得到的一样简单。|1418495|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I find the .click() is way more logical, but I guess it's how you think of things.

<pre><code>$('#my_button').click(function() { alert('BOOM!'); });
</code></pre>

Seems to be about as dead simple as you get.

When using jQuery to hookup an event handler, is there any difference between using the click method

<pre><code>$().click(fn)
</code></pre>

versus using the bind method

<pre><code>$().bind('click',fn);
</code></pre>

Other than bind's optional data parameter.

jQuery: $().click(fn) vs. $().bind('click',fn);

jQuery

使用jQuery连接事件处理程序时，使用click方法与$().click(fn)而不是使用bind方法$().bind('click',fn);而不是绑定的可选数据参数。

问点击：$().click(fn) vs. $().bind(‘jQuery’，fn)；
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问点击：$().click(fn) vs. $().bind(‘jQuery’，fn)；EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问点击：$().click(fn) vs. $().bind(‘jQuery’，fn)；
EN