jQuery的事件和動畫

2021-10-10 11:18:40 字數 1752 閱讀 5800

1.偵聽事件:

$

("div").

on("click.a"

,function()

)

2.僅用一次的事件

$

("div").

one(

"click"

,function()

)

3.事件的第二位除了可以是事件函式,還可以加入事件偵聽傳遞的引數

var obj=

;// 事件的第二位除了可以是事件函式,還可以加入事件偵聽傳遞的引數$(

"div").

on("click"

,o,this

.clickhandler);}

, clickhandler:

function

(e)}

; obj.

init()

;

4.劃過

$

("div").

hover

(function()

,function()

)

5.ready執行

window.onload 所有dom建立完成,並且完成渲染,所有內容全部載入完成 執行

$(document).ready 所有dom建立完成執行

6.取消冒泡,取消預設

$

("div").

on("click"

,function

(e))

7.自定義事件的第二位

//收到自定義事件時,可以通過引數的第二位起接收所有資料$(

"div").

on("chilema"

,function

(e,a,b,c));

//可以通過trigger中的第二個引數以陣列的形式傳遞多個元素到事件中$(

"div").

trigger

("chilema",[

3,5,

6]);

1.顯示隱藏,放大縮小hide和show

$

("button").

click

(function()

)

2.向上拉動隱藏 slideup slidedown slidetoggle

$

("button").

click

(function()

);$(

"button").

click

(function()

);

3.淡入淡出隱藏 fadeout fadeto fadetoggle

$

("button").

click

(function()

);

4.animate運動

$

("div").

animate(,

500)

.animate(,

500)

.animate(,

500)

.animate(,

500)

.animate(,

500)

jQuery中的事件和動畫

box click function ev 低版本jquery沒有相容問題 ev.which 記錄滑鼠的鍵值,1 2 3 左鍵 滾輪 右鍵on 事件繫結,on 事件名,事件委託時寫的子級 函式 繫結兩個相同的事件 box on click function box on click function...

JQuery的事件與動畫

toggle 方法的用法 toggle 方法用於模擬滑鼠連續單擊事件。執行為 第一次單擊執行第乙個函式,第二次單擊時執行第二個函式,可以重複呼叫,編寫網頁或新聞時,如有標題需要對其進行解釋時可以使用toggle 方法。如下 function function 中的標題就是我們要處理的乙個事件,我們可...

JQuery的事件與動畫

toggle 方法的用法 toggle 方法用於模擬滑鼠連續單擊事件。執行為 第一次單擊執行第乙個函式,第二次單擊時執行第二個函式,可以重複呼叫,編寫網頁或新聞時,如有標題需要對其進行解釋時可以使用toggle 方法。如下 js 收藏 function function 中的標題就是我們要處理的乙個...