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()當遇到$符號與其他變數衝突時用此方法釋放$的控制權或將控制權交給其他變數。