<script src="jquery-1.11.1.js"></script>
<script>
//这种绑定事件的方法是不会层叠的。
// $(document).click(function () {
// alert(1);
// });
// $(document).mouseenter(function () {
// alert(2);
// });
// 解绑
// $(document).unbind("mouseenter");
//第二种绑定：bind
// $(document).bind("click mouseenter", function () {
// alert(1);
// })
// $(document).bind("click mouseenter", function () {
// alert(2);
// })
//第三种
// $(document).delegate(".box","click mouseenter", fn)
// $(document).delegate(".box","click mouseenter", fn2)
//
// function fn(){
// alert(1);
// }
// function fn2(){
// alert(2);
// }
//
// $(document).undelegate(".box","mouseenter",fn)
//第四种(重点)
// $(document).on("click mouseenter",".box",{"name":111}, function (event) {
// alert(event.data.name);
// });
// $(document).on("click mouseenter",".box", function () {
// alert(1);
// });
//
// $(document).off("mouseenter",".box");
// $(function () {
// $(".box").on("click", function () {
// alert(5);
// })
// })
</script>
</head>
<body>
<div class="box" style="width: 100px;height: 100px;background-color: pink;"></div>
</body>
网友评论