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);
      });