JQuery常用事件

2021-10-01 23:31:20 字數 937 閱讀 7764

1.click

2.blur 失去焦點

3.focus 得到焦點

4.change 值發生改變

5.ready 頁面載入完成 onload

$(document).ready(function(){});//完整寫法

$(document(){});//簡寫

在事件中獲取事件源的方式

1.如果元素動態繫結事件,this為事件源

2.非動態繫結 event.target||event.srcelement

3.繫結事件時傳遞this 事件中用變數接收,此變數就是事件源

事件模擬

//延時執行

settimeout(function(),3000);

事件的合併

1.切換顯示和不顯示 toggle();

2.hover(fn1,fn2);相當於 onmouseover + onmouseout

//給div新增hover事件

$(「div」).hover(function(),function());

動畫1.顯示

function fn1()

2.隱藏

function fn2());

}3.上滑

function fn3()

4.下滑

function fn4()

5.淡入

function fn5()

6.淡出

function fn6()

7.自定義 通過修改樣式(大小 位置) 以動畫的形式改變樣式

function fn7(),2000)

.animate(,2000)

.animate(,2000)

.animate(,2000)

.animate(,2000)

.animate(,2000);

}

常用事件與jQuery事件方法

滑鼠事件 鍵盤事件 表單 元素 事件 focus 元素獲得焦點觸發 blur 元素失去焦點觸發 文件 視窗事件one event name handle func 繫結事件處理程式 只會觸發一次 off event name handle func 移除事件 trigger event name a...

JQuery中常用 事件 清單總結

所有事件都是方法 所有事件都是方法 blur fn 當失去焦點時觸發 change fn 當狀態改變時觸發 click fn 當單擊時觸發 dblclick fn 當雙擊時觸發 focus fn 當獲得焦點時觸發 keydown fn 當鍵盤按下時觸發 keyup fn 當鍵盤彈起時觸發 keypr...

jquery常用事件介紹及使用

一 jq中事件 1.頁面載入事件 ready 方法 格式 document ready function function 2.繫結事件 click dblclick focus blur mouseover mouseout change select keydown keyup js事件模型 第...