事件绑定

    <script src="jquery-1.11.1.js"></script>
    <script>

        //这种绑定事件的方法是不会层叠的。
//        $(document).click(function () {
//            alert(1);
//        });
//        $(document).click(function () {
//            alert(2);
//        });

        //第二种绑定：bind
//        $(document).bind("click mouseenter", function () {
//            alert(1);
//        })
//        $(document).bind("click mouseenter", function () {
//            alert(2);
//        })

        //第三种
//        $(document).delegate(".box","click mouseenter", function () {
//            alert(1);
//        })

        //第四种(重点)
//        $(document).on("click mouseenter",".box",{"name":111}, function (event) {
//            alert(event.data.name);
//        });

//        $(document).on("click",".box", function () {
//           alert(1);
//        });


    </script>

</head>
<body>
<div class="box" style="width: 100px;height: 100px;background-color: pink;"></div>
</body>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容