一、事件 ①事件委托:就是給子元素的父元素或者祖先元素註冊一個事件,但是事件的執行者是子元素,委托事件的好處是能夠給動態創建出來時元素也加上事件。 ②簡單事件:就是給自己註冊事件自己執行動態創建出來的事件不會有事件。 ③使用方法:$("span").on("click",function(){ale ...
一、事件
①事件委托:就是給子元素的父元素或者祖先元素註冊一個事件,但是事件的執行者是子元素,委托事件的好處是能夠給動態創建出來時元素也加上事件。
②簡單事件:就是給自己註冊事件自己執行動態創建出來的事件不會有事件。
③使用方法:$("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()當遇到$符號與其他變數衝突時用此方法釋放$的控制權或將控制權交給其他變數。