jQuery自动触发事件

最新推荐文章于 2021-05-17 13:03:03 发布

dongciqiu0026

最新推荐文章于 2021-05-17 13:03:03 发布

阅读量97

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/superCwen/p/9925416.html

版权

<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(){
            $('.father').click(function(){                   
                    alert('father')
            })
            $('.son').click(function(){                   
                alert('son')
            })
            $('.son').trigger('click')                     //自动触发事件，会有默认行为，father也会触发

            $('.son').triggerHandler('click')              //自动触发事件，会阻止默认行为
        })
        
    </script>
    
<body>
    <div class="father"> 
        <div class="son"></div>
    </div>
    
</body>
</html>