• jQuery自定义事件


    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>27-jQuery事件自动触发</title>
        <style>
            * {
                margin: 0;
                padding: 0;
            }
    
            .father {
                width: 200px;
                height: 200px;
                background: red;
            }
    
            .son {
                width: 100px;
                height: 100px;
                background: blue;
            }
        </style>
    
        <script src="js/jquery-1.12.4.js"></script>
        <script>
            $(function () {
                //     $(".son").myClick(function(){
                //         alert("son");
                //     });         
    
                
                /* 
                    想要自定义事件,必须满足两个条件
                    1. 事件必须通过on绑定
                    2. 事件必须通过trigger触发
                */
                $(".son").on("myClick",function () {
                    alert("son");
                });
    
                $(".son").trigger("myClick");
            });
        </script>
    </head>
    
    <body>
        <div class="father">
            <div class="son"></div>
        </div>
        <a href="http://www.baidu.com">我是百度</a>
        <form action="http://www.taobao.com">
            <input type="text">
            <input type="submit">
        </form>
    </body>
    
    </html>
    不考虑业务场景,一味的争执技术的高下,都是耍流氓。
  • 相关阅读:
    XML基础总结
    异常处理
    集合总结
    事件源与监听器
    JAVA中的GUI---swing 和awt
    docker搭建wordpress
    Jenkins--第四关_扩展
    docker 安装centos 7
    Jenkins_第五关_系统管理(1)
    Jenkins--第三关_Gitlab安装和配置(续)
  • 原文地址:https://www.cnblogs.com/leoych/p/14825825.html
Copyright © 2020-2023  润新知