jquery触发点击事件onclick,jQuery事件 - click()方法
大家好,感谢邀请,今天来为大家分享一下jquery触发点击事件onclick的问题,以及和jQuery事件 - click()方法的一些困惑,大家要是还不太明白的话,也没有关系,因为接下来将为大家分享,希望可以帮助到大家,解决大家的问题,下面就开始吧!
请问jquery里面,click和on.click有什么区别,怎么用
click()和onclick()的区别:
1.onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么
click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,就会触发onclick事件。
2.click()方法的主要作用是触发调用click方法元素onclick事件,实际上是模拟了鼠标的点击动作。此外,如果在click括号内定义了其他可执行语句,则click方法会在执行完onclick事件之后执行括号内部的语句。
我们还可以注意到:onclick是事件,而click是方法,两者是不同的概念。
Javascript 和 jQuery 中 onclick 与 click的区别拙见
区别:
onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么
click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,就会触发onclick事件。如上诉代码所示,当点击'btn4'按钮时,会触发'btn3'的onclick事件(正常来说得按'btn3'按钮才触发'btn3'的onclick事件),原因就是因为
$("#btn4").click(function(){
$("#btn3").click();
});
点击'btn4'按钮时,代码内部调用了'btn3'的click()方法,从而触发了'btn3的onclick事件。
2.click()方法的主要作用是触发调用click方法元素onclick事件。此外,如果在click方法定义了如下代码
$("#btn3").click(function(){
alert("*****");
});
click方法中的function代码会在onclick事件执行完后执行,此时click方法起到追加事件的作用。实例如下
Html代码
<script type="text/javascript">
$(function(){
$("#btn3").click(function(){
alert("aa");
});
});
function change(){
alert("bb");
}
</script>
<button id="btn3" onclick="change()">dd</button>
弹出框的弹出顺序先是'bb',然后是'aa'.
jquery trigger的用法
trigger:在每一个匹配的元素上触发某类事件。
如$("form:first").trigger("submit"),触发第一个表单的提交事件
"在实际应用中我们该如何让它在触发事件时同时处理事件",我不知道兄台是如何理解"触发了事件"这几个字的,触发了事件,等同于程序即将执行这个事件,事情是一个方法体.
下面是data传参的一个例子,摘抄的
$("p").click( function(event, a, b){
//一个普通的点击事件时,a和b是undefined类型
//如果用下面的语句触发,那么a指向"foo",而b指向"bar"
});
$("p").trigger("click", ["foo","bar"]);
其实我们还可以给元素自定义事件,以下同样摘抄的
$("p").bind("myEvent", function(event, message1, message2){
alert(message1+''+ message2);
});
$("p").trigger("myEvent", ["Hello","World!"]);
myEvent并不是 WEB标准中预定义的行为(如onclick, onmouseover等等才是)
但在些例中自定义了 myEvent行为,并且通过 trigger手动触发了绑定在该行为上的事件.
感觉说得乱七八糟,自己也给转糊涂了
END,本文到此结束,如果可以帮助到大家,还望关注本站哦!