命名空间

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-3.1.0.js">
            
        </script>
        
        <script type="text/javascript">
        $(document).ready(function(){

// 命名空间:我们可以在事件名后给她添加一个新名字,使用.分隔。这样就能通过后缀把相同事件添加的不同方法区分开,方便了我们对事件方法的管理

            $('div').on('click.tel', function(){
                alert('wu小姐:13478654832');
            });
            
            $('div').on('click', function(){
                $(this).css('background', 'red');
            });

//解绑事件时,就可以通过命名空间添加的新名字来区分开不同的click函数

   //$('div').off('click.tel');
    
            });
    </script>
</head>
<body>
    <div>点击有惊喜</div>
</body>

</html>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容