1. 程式人生 > >JQuery的事件委託;jQuery註冊事件;jQuery事件解綁

JQuery的事件委託;jQuery註冊事件;jQuery事件解綁

一、事件

  ①事件委託:就是給子元素的父元素或者祖先元素註冊一個事件,但是事件的執行者是子元素,委託事件的好處是能夠給動態創建出來時元素也加上事件。

  ②簡單事件:就是給自己註冊事件自己執行動態創建出來的事件不會有事件。

  ③使用方法:$("span").on("click",function(){alert("這是一個簡單事件");});

       $("div").on("click", "span", function(){alert("這是一個委託事件");});

  ④事件解綁:off()方法是移除事件,把要移除的事件傳入當做引數,不傳引數則把全部事件刪除;

  ⑥觸發事件:①$("p").click();        //觸發p標籤的click事件

       ②$("p").trigger("click");              //trigger中傳入了click事件代表觸發click事件,還可傳入其他引數

  ⑦阻止預設:在事件的回撥函式中呼叫e.preventDefault()就能阻止預設事件,e是回撥函式中的引數。

  ⑧阻止冒泡:在事件的回到函式中呼叫e.stopPropagation()就能阻止冒泡事件,e為回撥函式中的引數。

  ⑨如果在回撥函式中返回了return false;不僅能阻止預設事件還能阻止冒泡事件。

  ⑩end():篩選器會改變JQuery物件的Dom物件,回到上一次的狀態;例如$("p").width().end();//加上end方法後又能繼續鏈式程式設計了。

  each():遍歷jQuery物件,例如

      $("li").each(function(index, element){

        $(element).css("opcity", (index + 1) / 10)

      });

  noConflict()當遇到$符號與其他變數衝突時用此方法釋放$的控制權或將控制權交給其他變數。