click

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

 

 

posted @ 2021-05-11 14:56  し7709  阅读(1261)  评论(0编辑  收藏  举报