首页技术jquery触发点击事件onclick,jQuery事件 - click()方法

jquery触发点击事件onclick,jQuery事件 - click()方法

编程之家2026-07-02900次浏览

大家好,感谢邀请,今天来为大家分享一下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的区别拙见

区别:

jquery触发点击事件onclick,jQuery事件 - click()方法

onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么

click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,就会触发onclick事件。如上诉代码所示,当点击'btn4'按钮时,会触发'btn3'的onclick事件(正常来说得按'btn3'按钮才触发'btn3'的onclick事件),原因就是因为

$("#btn4").click(function(){

$("#btn3").click();

});

点击'btn4'按钮时,代码内部调用了'btn3'的click()方法,从而触发了'btn3的onclick事件。

jquery触发点击事件onclick,jQuery事件 - click()方法

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,本文到此结束,如果可以帮助到大家,还望关注本站哦!

html伪类选择器,html伪类选择器怎么用css中transform属性(css的transition滑动效果)