onclick:是绑定事件,告诉浏览器在点击鼠标时要做些什么。
click:本身是方法作用触发onclick事件,只要执行了元素的click()方法,就会触发onclick事件。
click:可以理解为一次简单的触发,只执行一次,找不到以后就不再执行。
onclick:则是给这个元素注册一种行为,可以重复触发。
click是方法,onclick是事件;执行click就是模拟鼠标点击,同时会触发onclick事件。
<script> $(function () { $("#btn4").click(function () { $("#btn3").click(); }); }); function change() { console.log("onclick"); } </script> <button id="btn3" onclick="change()">btn3</button> <button id="btn4">btn4</button> <!-- 1、onclick是绑定事件,告诉浏览器在鼠标点击时候要做些什么。 click本身是方法,作用是触发onclick事件,只要执行了元素的click()方法,就会触发onclick事件。 如上述代码,当点击’btn4'按钮时,会触发'btn3'的onclick事件(正常得按‘btn3’才会触发其中的onclick事件),。 由于 $('#btn4').click(function () { $('#btn3').click(); }); 点击'btn4'按钮时,代码内部调用了'btn3'的click方法,从而触发'btn3'的onclick事件。 -->
$(function () { $("#btn3").click(function () { console.log("aa"); }); }); function change() { console.log("bb"); } </script> <button id="btn3" onclick="change()">btn3</button> <!-- click()方法的主要作用是使调用click方法元素的onclick事件被触发。 此外,如果在click方法定义了如下代码:$("#btn3").click(function() {console.log("aa") }); click方法中的function代码会在onclick事件执行完后执行,此时click方法起到追加事件的作用。 -->