JQuery事件與動畫

2022-08-16 21:21:14 字數 1287 閱讀 3844

事件綁用快捷方式

$("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...