jQuery自定义事件

Posted supercwen

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery自定义事件相关的知识，希望对你有一定的参考价值。

自定义事件必须满足2两个条件

1.必须是通过on来绑定的

2.必须是triggle来触发的

<html>

<head>
<title></title>
</head>
    <style>
        *{
            margin:0;
            padding:0;
        }
        .father{
            width:200px;
            height:200px;
            background:red;
        }
        .father .son{
            width:100px;
            height:100px;
            background:blue;
        }
        
    </style>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
        
        $(function(){
            
            $(‘.son‘).on(‘myclick‘function(){                   
                alert(‘son‘)
            })
            $(‘.son‘).trigger(‘myclick‘)                     
            
        })
        
    </script>
    
<body>
    <div class="father"> 
        <div class="son"></div>
    </div>
    
</body>
</html>

 

以上是关于jQuery自定义事件的主要内容，如果未能解决你的问题，请参考以下文章

如何让自定义视图观察包含片段的生命周期事件而不是活动？

jQuery的自定义事件——滚轮

Woocommerce：添加到购物车后的自定义 jquery 事件

Java技术jQuery自定义插件开发实践

自定义事件 (jQuery)

jQuery实现获取绑定自定义事件元素的方法