事件綁用快捷方式
$("button:first").click(function());
使用on繫結事件
① 使用on進行單事件繫結
$("button").on("click",function());
② 使用on同時為多個事件,繫結同一函式
$("button").on("mouseover click",function())*/
/③ 呼叫函式時,傳入自定義引數
$("button").on("click",,function(event))
/④ 使用on進行多事件多函式繫結
$("button").on(,
mouseover:function()
});*/
⑤ 使用on進行事件委派
>>> 將原本需要繫結到某元素上的事件,改為繫結在父元素乃至根節點上,然後委派給當前元素生效;
eg:$("p").click(function(){});
↓$(document).on("click","p",function(){});
>>> 作用:
預設的繫結方式,只能繫結到頁面初始時已有的p元素,當頁面新增p元素時,無法繫結到新元素上;
使用事件委派方式,當頁面新增元素時,可以為所有新元素繫結事件
$("button").on("click",function());
$("p").click(function());
$(document).on("click","p",function());
off() 取消事件繫結
1. $("p").off(): 取消所有事件
2. $("p").off("click"): 取消點選事件
3. $("p").off("click mouseover"):取消多個事件
4. $(document).off("click","p"):取消事件委派
使用.one() 繫結事件,只能執行一次
$("button").one("click",function())
.trigger("event"):自動觸發某元素的事件
$("p").trigger("click",["haha","hehe"]); 觸發事件時,傳遞引數
$("p").click(function(event,arg1,arg2))
$("button").click(function())*/
動畫
JQuery的事件與動畫
toggle 方法的用法 toggle 方法用於模擬滑鼠連續單擊事件。執行為 第一次單擊執行第乙個函式,第二次單擊時執行第二個函式,可以重複呼叫,編寫網頁或新聞時,如有標題需要對其進行解釋時可以使用toggle 方法。如下 function function 中的標題就是我們要處理的乙個事件,我們可...
JQuery的事件與動畫
toggle 方法的用法 toggle 方法用於模擬滑鼠連續單擊事件。執行為 第一次單擊執行第乙個函式,第二次單擊時執行第二個函式,可以重複呼叫,編寫網頁或新聞時,如有標題需要對其進行解釋時可以使用toggle 方法。如下 js 收藏 function function 中的標題就是我們要處理的乙個...
JQuery事件與動畫總結
1 載入dom 1.1.window事件 window.onload function 時機 其他資源都載入完畢後,再執行 function 只是等待標籤完畢,即可執行 區別 window.onload需在網頁所有內容載入完成之後執行 包括音訊 文件就緒函式 只需要在網頁dom結構載入以後便執行 w...