master

分支 (1)

管理

管理

master

jquery_framework_learning
/
jq-事件绑定方式.html

<html>
    <head>
        <meta charset="UTF-8">
        <title>jq事件绑定方式</title>
        <script type="text/javascript" src="JQuery-js文件/jquery-3.3.1.js"></script>
        <script type="text/javascript">
        //  window.onload = main;
        //     function main(){
        //        $(":button").click(fun1);
        //     }
        //     function fun1(){
        //         //this 被单击的button的DOM对象
        //         alert($(this).val());
        //     }
        function fun1(){
            $(":button:lt(3)").bind("click",dealFun);
        }
        function fun2(){
            $(":button:lt(2)").unbind("click");
        }
        function dealFun(){
            alert($(this).val());
        }


        </script>

    </head>
    <body>
        <input type="button" value="我是大哥">
        <input type="button" value="我是二哥">
        <input type="button" value="我是三哥">

        <br>
        <input type="button" value="为前三个button绑定onclick" onclick="fun1();"/>
        <input type="button" value="为前两个button接触onclick绑定" onclick="fun2();"/>
    </body>
</html>