on注册事件及事件解绑

一、on注册事件

## css部分

<div class="box">
        <div class="item">1111</div>
        <div class="item">2222</div>
        <button class="btn">按钮</button>
         <button id="of">解绑</button>
    </div>
    $(".btn").click(function () {
        $("<div class='item'>3333</div>").appendTo($(".box"));
    });




1.简单事件绑定
 $(".item").click(function () {
        console.log(this.innerText)
    })

2.bind事件绑定
 $(".item").bind("click" , function () {
        console.log(this.innerHTML)
    })
3.delegate事件绑定
 $(".box").delegate("div" , "click" , function () {
        console.log($(this).text())
    })
4.on事件绑定
  $(".box").on("click" ,"div" ,{name:"haha"}, function (e) {
       console.log($(e.data));
   });

二、事件解绑

1.on事件的解绑
    $("#of").click(function () {
       $(".box").off("click");
   }); 
2.delegate事件的解绑
    $("#of").click(function () {
        $(".box").undelegate("click");
    });
3.bind事件的解绑
    $("#of").click(function () {
        $(".item").unbind("click");
    });