jQuery---委托事件原理

jQuery事件發展歷程

事件發展歷程：從簡單事件，到bind，到委托事件，到on事件綁定

    //簡單事件，給自己註冊的事件
   $("div").click(function () {
     alert("哈哈");
   });

      //bind方式
      $("p").bind({
        click: function () {
          alert("呵呵")
        },
        mouseenter: function () {
          alert("哈哈")
        }
      });

委托事件原理

      //delegate:代理，委托
      //1. 給父元素註冊委托事件，最終還是有子元素來執行
      //2. 動態創建的也能有事件 :缺點：只能註冊委托事件

      // 要給div註冊一個委托事件,但是最終不是由執行，而是有p執行
      // 第一個參數：selector:事件最終由誰來執行。
      // 第二個參數：事件的類型
      // 第三個參數：函數，要做什麼

      $("#box").delegate("p", "click", function () {
        //alert("呵呵");
        console.log(this);
      });