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方法起到追加事件的作用。 -->