日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

jQuery学习笔记:事件

發布時間:2023/12/20 编程问答 32 豆豆
生活随笔 收集整理的這篇文章主要介紹了 jQuery学习笔记:事件 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
一、頁面載入
1、ready(fn)
當DOM載入就緒可以查詢及操縱時綁定一個要執行的函數。
這是事件模塊中最重要的一個函數,因為它可以極大地提高web應用程序的響應速度。

簡單地說,這個方法純粹是對向window.load事件注冊事件的替代方法。通過使用這個方法,可以在DOM載入就緒能夠讀取并操縱時立即調用你所綁定的函數,而99.99%的JavaScript函數都需要在那一刻執行。
有一個參數--對jQuery函數的引用--會傳遞到這個ready事件處理函數中。可以給這個參數任意起一個名字,并因此可以不再擔心命名沖突而放心地使用$別名。請確保在 <body> 元素的onload事件中沒有注冊函數,否則不會觸發$(document).ready()事件。可以在同一個頁面中無限次地使用$(document).ready()事件。其中注冊的函數會按照(代碼中的)先后順序依次執行。
返回值 jQuery
參數
fn (Function) : 要在DOM就緒時執行的函數
示例:

Code
//在DOM加載完成時運行的代碼,可以這樣寫:

$(document).ready(
function()?{
????
//?在這里寫你的代碼
});

//使用?$(document).ready()?的簡寫,同時內部的?jQuery?代碼依然使用?$?作為別名,而不管全局的?$?為何。?
jQuery(function($)?{
????
//?你可以在這里繼續使用$作為別名
});?

二、事件處理
1、bind(type,[data],fn)
為每一個匹配元素的特定事件(像click)綁定一個事件處理器函數。
這個事件處理函數會接收到一個事件對象,可以通過它來阻止(瀏覽器)默認的行為。如果既想取消默認的行為,又想阻止事件起泡,這個事件處理函數必須返回false。多數情況下,可以把事件處理器函數定義為匿名函數(見示例一)。在不可能定義匿名函數的情況下,可以傳遞一個可選的數據對象作為第二個參數(而事件處理器函數則作為第三個參數),見示例二。
返回值 jQuery
參數
type (String) : 事件類型
data (Object) : (可選) 作為event.data屬性值傳遞給事件對象的額外數據對象
fn ( Function) : 綁定到每個匹配元素的事件上面的處理函數
示例:

Code
//1?當每個文本被點擊的時候,彈出其文本值
$("input").bind("click",?function()?{
????alert($(
this).val());
});


//2?可以在事件處理之前傳遞一些附加的數據。?
function?handler(event)?{
????alert(event.data.foo);
}
$(
"div").bind("click",?{?foo:?"bar"?},?handler)


//3?通過返回false來取消默認的行為并阻止事件起泡。?
$("form").bind("submit",?function()?{?return?false;?})


//4?通過使用?preventDefault()?方法只取消默認的行為。?
$("form").bind("submit",?function(event)?{
????event.preventDefault();
});

//5?通過使用?stopPropagation()?方法只阻止一個事件起泡。?
$("form").bind("submit",?function(event)?{
????event.stopPropagation();
});?
2、one(type,[data],fn)
為每一個匹配元素的特定事件(像click)綁定一個一次性的事件處理函數。
在每個對象上,這個事件處理函數只會被執行一次。其他規則與bind()函數相同。這個事件處理函數會接收到一個事件對象,可以通過它來阻止(瀏覽器)默認的行為。如果既想取消默認的行為,又想阻止事件起泡,這個事件處理函數必須返回false。

多數情況下,可以把事件處理函數定義為匿名函數(見示例一)。在不可能定義匿名函數的情況下,可以傳遞一個可選的數據對象作為第二個參數(而事件處理函數則作為第三個參數),見示例二。
返回值 jQuery
參數
type (String) : 事件類型
data (Object) : (可選) 作為event.data屬性值傳遞給事件對象的額外數據對象
fn ( Function) : 綁定到每個匹配元素的事件上面的處理函數
示例:

Code
//1?當每個文本被點擊的時候,彈出其文本值
$("input").one("click",?function()?{
????alert($(
this).val());
});


//2?可以在事件處理之前傳遞一些附加的數據。?
function?handler(event)?{
????alert(event.data.foo);
}
$(
"div").one("click",?{?foo:?"bar"?},?handler)
3、trigger(type,[data])
在每一個匹配的元素上觸發某類事件。
這個函數也會導致瀏覽器同名的默認行為的執行。比如,如果用trigger()觸發一個'submit',則同樣會導致瀏覽器提交表單。如果要阻止這種默認行為,應返回false。你也可以觸發由bind()注冊的自定義事件而不限于瀏覽器默認事件。事件處理函數會收到一個修復的(規范化的)事件對象,但這個對象沒有特定瀏覽器才有的屬性,比如keyCode。jQuery也支持 命名空間事件。這允許你觸發或者解除綁定一組特定的事件處理函數,而無需一一個指定。你可以在事件類型后面加上感嘆號 ! 來只觸發那些沒有命名空間的事件處理函數。
jQuery 1.3中新增:

所有觸發的事件現在會冒泡到DOM樹上了。舉例來說,如果你在一個段落p上觸發一個事件,他首先會在這個元素上觸發,其次到父元素,在到父元素的父元素,直到觸發到document對象。這個事件對象有一個 .target 屬性指向最開始觸發這個事件的元素。你可以用 stopPropagation() 來阻止事件冒泡,或者在事件處理函數中返回false即可。事件對象構造器現在已經公開,并且你可以自行創建一個事件對象。這個事件對象可以直接傳遞給trigger所觸發的事件處理函數。事件對象的完整屬性列表可以在 jQuery.Event 的文檔里找到。
你可以有三種方式指定事件類型:
* 你可以傳遞字符串型的事件名稱(type參數)。
* 你可以使用jQuery.Event對象。可以將數據放進這個對象,并且這個對象可以被觸發的事件處理函數獲取到。
* 最后,你可以傳遞一個帶有數據的字面量對象。他將被復制到真正的jQuery.Event對象上去。 注意在這種情況下你必須指定一個 type 屬性。
返回值 jQuery
參數
type (String,Event,Object) : 一個事件對象或者要觸發的事件類型
data (Array) : (可選)傳遞給事件處理函數的附加參數
示例:

Code
//提交第一個表單,但不用submit()
$("form:first").trigger("submit")?


//給一個事件傳遞參數?
$("p").click(?function?(event,?a,?b)?{
??
//?一個普通的點擊事件時,a和b是undefined類型
??//?如果用下面的語句觸發,那么a指向"foo",而b指向"bar"
}?).trigger("click",?["foo",?"bar"]);?


//下面的代碼可以顯示一個"Hello?World"?
$("p").bind("myEvent",?function?(event,?message1,?message2)?{
??alert(message1?
+?'?'?+?message2);
});
$(
"p").trigger("myEvent",?["Hello","World!"]);?

4、triggerHandler(type,[data])
這個特別的方法將會觸發指定的事件類型上所有綁定的處理函數。但不會執行瀏覽器默認動作,也不會產生事件冒泡。
這個方法的行為表現與trigger類似,但有以下三個主要區別:
* 第一,他不會觸發瀏覽器默認事件。
* 第二,只觸發jQuery對象集合中第一個元素的事件處理函數。
* 第三,這個方法的返回的是事件處理函數的返回值,而不是據有可鏈性的jQuery對象。此外,如果最開始的jQuery對象集合為空,則這個方法返回 undefined 。
返回值 jQuery
參數
type (String) : 要觸發的事件類型
data (Array) : (可選)傳遞給事件處理函數的附加參數
示例:

Code
$("#old").click(function()?{
????$(
"input").trigger("focus");
});
$(
"#new").click(function()?{
????$(
"input").triggerHandler("focus");
});
$(
"input").focus(function()?{?$("<span>Focused!</span>").appendTo("body").fadeOut(1000);?});?
文檔片段:
Code

????
<div>
????????
<input?type="text"?value="test"?/>
????
</div>
????
<button?id="old">
????????.trigger("focus")
</button>
????
<button?id="new">
????????.triggerHandler("focus")
</button><br?/>
????
<br?/>
????
<input?type="text"?value="To?Be?Focused"?/>
????
<div>
????????
<p>
????????????it?is?a?jquery?test
????????
</p>
????
</div>

5、unbind([type],[data])
bind()的反向操作,從每一個匹配的元素中刪除綁定的事件。
如果沒有參數,則刪除所有綁定的事件。你可以將你用bind()注冊的自定義事件取消綁定。如果提供了事件類型作為參數,則只刪除該類型的綁定事件。如果把在綁定時傳遞的處理函數作為第二個參數,則只有這個特定的事件處理函數會被刪除。
返回值 jQuery
參數

type (String) : (可選) 事件類型
data (Function) : (可選) 要從每個匹配元素的事件中反綁定的事件處理函數
示例:

Code
/*綁定*/
//1?當每個文本被點擊的時候,彈出其文本值
$("input").bind("click",?function()?{
????alert($(
this).val());
});


//2?可以在事件處理之前傳遞一些附加的數據。?
function?handler(event)?{
????alert(event.data.foo);
}
$(
"div").bind("click",?{?foo:?"bar"?},?handler);


/*下面進行反綁定*/

//1?把所有文本所有事件取消綁定?
$("input").unbind()?


//2?將div的click事件取消綁定?
$("div").unbind(?"click"?)?


/*最后帶參數的*/

var?foo?=?function()?{
????
//?處理某個事件的代碼
????alert("you?clicked?me");
};

$(
"p").bind("click",?foo);?//??當點擊段落的時候會觸發?foo

////?刪除特定函數的綁定,將函數作為第二個參數傳入
$("p").unbind("click",?foo);?//??再也不會被觸發?foo?

三、事件委派
1、live( type, fn )
jQuery 1.3中新增的方法。給所有當前以及將來會匹配的元素綁定一個事件處理函數(比如click事件)。也能綁定自定義事件。
目前支持 click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup。 還不支持 blur, focus, mouseenter, mouseleave, change, submit 等。
與bind()不同的是,live()一次只能綁定一個事件。這個方法跟傳統的bind很像,區別在于用live來綁定事件會給所有當前以及將來在頁面上的元素綁定事件(使用委派的方式)。比如說,如果你給頁面上所有的li用live綁定了click事件。那么當在以后增加一個li到這個頁面時,對于這個新增加的li,其click事件依然可用。而無需重新給這種新增加的元素綁定事件。
.live()與流行的liveQuery插件很像,但有以下幾個主要區別:
.live 目前只支持所有事件的子集,支持列表參考上面的說明。
.live 不支持liveQuery提供的“無事件”樣式的回調函數。.live只能綁定事件處理函數。
.live 沒有"setup"和"cleanup"的過程。因為所有的事件是委派而不是直接綁定在元素上的。
要移除用live綁定的事件,請用die方法
返回值 jQuery
參數
type (String) : 一個或多個用空格分隔的事件名
fn (Function) : 欲綁定的事件處理函數
示例:

//點擊生成的p依然據有同樣的功能
$("p").live("click",?function()?{
????$(
this).after("<p>Another?paragraph!</p>");

2、die(fn,fn)
jQuery 1.3新增。此方法與live正好完全相反。
如果不帶參數,則所有綁定的live事件都會被移除。你可以解除用live注冊的自定義事件。如果提供了type參數,那么會移除對應的live事件。如果也指定了第二個參數function,則只移出指定的事件處理函數。
返回值
jQuery
參數
type (String) : 可選,要解除綁定的live事件
fn (Function) : 可選,要解除綁定的特定處理函數
示例:

Code
function?aClick()?{
????alert(
"it?is?a?jq?test");
}

$(document).ready(
function()?{
????$(
"#theone").live("click",?aClick)
});


//給按鈕解除click事件
$("#unbind").click(function()?{
????$(
"#theone").die("click",?aClick)
});?

文檔片段:

????????<input?type="text"?id="theone"?value="test"?/>
????????<input?type="text"?value="cancel?theone?event"?id="unbind"?/>
????????<p>
????????????it?is?a?jquery?test
????????
</p>

四、事件切換
1、hover(over,out)
一個模仿懸停事件(鼠標移動到一個對象上面及移出這個對象)的方法。這是一個自定義的方法,它為頻繁使用的任務提供了一種“保持在其中”的狀態。
當鼠標移動到一個匹配的元素上面時,會觸發指定的第一個函數。當鼠標移出這個元素時,會觸發指定的第二個函數。而且,會伴隨著對鼠標是否仍然處在特定元素中的檢測(例如,處在div中的圖像),如果是,則會繼續保持“懸停”狀態,而不觸發移出事件(修正了使用mouseout事件的一個常見錯誤)。
返回值 jQuery
參數
over (Function) : 鼠標移到元素上要觸發的函數
out (Function) : 鼠標移出元素要觸發的函數
示例:

//鼠標懸停的表格加上特定的類?
$("td").hover(
??
function()?{
??????$(
this).addClass("hover");
??},
??
function()?{
??????$(
this).removeClass("hover");
??}
);?

文檔片段:

Code

<style?type="text/css">
.hover
{
????color
:Red;
????cursor
:pointer;
}
</style>

?????????

?
<input?type="text"?id="theone"?value="test"?/>
????????
<input?type="text"?value="cancel?theone?event"?id="unbind"?/>
????????
<p>
????????????it?is?a?jquery?test
????????
</p>
????????
<div>
?????
<table>
????????
<tr>
????????
<td>aspx</td>
????????
<td>ascx</td>
????????
</tr>
?????
</table>
??????

2、toggle(fn,fn)
每次點擊后依次調用函數。
如果點擊了一個匹配的元素,則觸發指定的第一個函數,當再次點擊同一元素時,則觸發指定的第二個函數,如果有更多函數,則再次觸發,直到最后一個。隨后的每次點擊都重復對這幾個函數的輪番調用。可以使用unbind("click")來刪除。
返回值 jQuery
參數
fn (Function) : 第一數次點擊時要執行的函數。
fn2 (Function) : 第二數次點擊時要執行的函數。
fn3,fn4,... (Function) : 更多次點擊時要執行的函數。
示例:

//對表格切換一個類(點擊可以看到結果)

$(
"td").toggle(
?
function()?{
?????$(
this).addClass("hover");
?},

??
function()?{
??????$(
this).removeClass("hover");
??}
);?

五、事件
1、blur()
觸發每一個匹配元素的blur事件。
這個函數會調用執行綁定到blur事件的所有函數,包括瀏覽器的默認行為。可以通過返回false來防止觸發瀏覽器的默認行為。blur事件會在元素失去焦點的時候觸發,既可以是鼠標行為,也可以是按tab鍵離開的。
返回值 jQuery
示例:
$("p").blur();? //觸發所有段落的blur事件

2、blur(fn)
在每一個匹配元素的blur事件中綁定一個處理函數。
blur事件會在元素失去焦點的時候觸發,既可以是鼠標行為,也可以是按tab鍵離開的.
返回值 jQuery
參數
fn (Function) : 在每一個匹配元素的blur事件中綁定的處理函數。
示例:

$("p").blur(?function?()?{?alert("Hello?World!");?}?);?

3、change()
觸發每個匹配元素的change事件
這個函數會調用執行綁定到change事件的所有函數,包括瀏覽器的默認行為。可以通過在某個綁定的函數中返回false來防止觸發瀏覽器的默認行為。change事件會在元素失去焦點的時候觸發,也會當其值在獲得焦點后改變時觸發。
4、change(fn)
返回值 jQuery
參數
fn (Function) : 在每一個匹配元素的change事件中綁定的處理函數。
在每一個匹配元素的change事件中綁定一個處理函數。change事件會在元素失去焦點的時候觸發,也會當其值在獲得焦點后改變時觸發。
示例:

//input內容改變?觸發
$("input").change(function()?{?alert("Hello?World!");?});?

5、click()
觸發每一個匹配元素的click事件。這個函數會調用執行綁定到click事件的所有函數。
返回值 jQuery
示例:

$(document).ready(function()?{
????$(
"input").click();
});

6、click(fn)
在每一個匹配元素的click事件中綁定一個處理函數。
注意,點擊事件會在你的指針設備的按鈕在元素上單擊時觸發。單擊的定義是在屏幕的同一點觸發了mousedown和mouseup.幾個事件觸發的順序是:
mousedown-->mouseup-->click
返回值 jQuery
參數
fn (Function) : 綁定到click事件的函數
示例:
$("p").click( function () { $(this).hide(); });? //將頁面內所有段落點擊后隱藏

7、dblclick()
觸發每一個匹配元素的dbclick事件。這個函數會調用執行綁定到dblclick事件的所有函數,包括瀏覽器的默認行為。可以通過在某個綁定的函數中返回false來防止觸發瀏覽器的默認行為。dblclick事件會在元素的同一點雙擊時觸發。

8、dblclick(fn)
在每一個匹配元素的dblclick事件中綁定一個處理函數。在某個元素上雙擊的時候就會觸發dblclick事件
返回值 jQuery
參數
fn (Function) : 在每一個匹配元素的dblclick事件中綁定的處理函數。
示例:
$("input").dblclick(function() { alert("you double clicked me!"); });

9、error()
這個函數會調用執行綁定到error事件的所有函數,包括瀏覽器的默認行為。可以通過在某個綁定的函數中返回false來防止觸發瀏覽器的默認行為。

10、error(fn)
在每一個匹配元素的error事件中綁定一個處理函數。
對于error事件,沒有一個公眾的標準。在大多數瀏覽器中,當頁面的JavaScript發生錯誤時,window對象會觸發error事件;當圖像的src屬性無效時,比如文件不存在或者圖像數據錯誤時,也會觸發圖像對象的error事件。如果異常是由window對象拋出,事件處理函數將會被傳入三個參數:
(1). 描述事件的信息 ("varName is not defined", "missing operator in expression", 等等.),
(2). 包含錯誤的文檔的完整URL
(3). 異常發生的行數
如果事件處理函數返回true,則表示事件已經被處理,瀏覽器將認為沒有異常。
返回值 jQuery
參數
fn (Function) :在每一個匹配元素的error事件中綁定的處理函數。
示例:

Code

//在服務器端記錄javascript錯誤日志:?
$(window).error(function(msg,?url,?line)?{
????jQuery.post(
"Error.aspx?action=jsErrorLog",?{?msg:?msg,?url:?url,?line:?line?});
});

//隱藏javascript錯誤:?
$(window).error(function()?{
????
return?true;
});

//給IE的用戶隱藏無效的圖像:?
$("img").error(function()?{
????$(
this).hide();
});?

11、focus()
觸發每一個匹配元素的focus事件。這將觸發所有綁定的focus函數,注意,某些對象不支持focus方法。
返回值 jQuery
示例:

$(document).ready(function(){
??$(
"#txtUserName").focus();
});?

12、focus(fn)
在每一個匹配元素的focus事件中綁定一個處理函數。focus事件可以通過鼠標點擊或者鍵盤上的TAB導航觸發
返回值 jQuery
參數
fn (Function) : 在每一個匹配元素的focus事件中綁定的處理函數。
示例:

//文本獲取焦點,選擇所有文本內容
$("#txtUserName").focus(function()?{
????$(
this).select();
});?

13、keydown()
觸發每一個匹配元素的keydown事件。這個函數會調用執行綁定到keydown事件的所有函數,包括瀏覽器的默認行為。可以通過在某個綁定的函數中返回false來防止觸發瀏覽器的默認行為。keydown事件會在鍵盤按下時觸發。
14、keydown(fn)
在每一個匹配元素的keydown事件中綁定一個處理函數。
keydown事件會在鍵盤按下時觸發。
返回值 jQuery
參數
fn (Function) : 在每一個匹配元素的keydown事件中綁定的處理函數。
示例:

Code
/*
//?不同的按鍵可以做不同的事情?
//?不同的瀏覽器的keycode不同?
//?更多詳細信息:??
//http://unixpapa.com/js/key.html?
*/
$(document).keydown(
function(event)?{
????
switch?(event.keyCode)?{
????????
case?13:
????????????alert(
"you?clicked?enter!");?//Enter鍵
????????????break;

????}
});?

15、keypress()
觸發每一個匹配元素的keypress事件。這個函數會調用執行綁定到keydown事件的所有函數,包括瀏覽器的默認行為。可以通過在某個綁定的函數中返回false來防止觸發瀏覽器的默認行為。keydown事件會在鍵盤按下時觸發
16、keypress(fn)
在每一個匹配元素的keypress事件中綁定一個處理函數。
keypress事件會在敲擊按鍵時觸發。 敲擊按鍵的定義為按下并抬起同一個按鍵。這幾個事件發生的順序是:
keydown-->keypress-->keyup
返回值 jQuery
參數
fn (Function) : 在每一個匹配元素的keypress事件中綁定的處理函數。
示例:

$(document).keypress(function(event)?{
????
switch?(event.keyCode)?{
????????
case?13:
????????????alert(
"you?clicked?enter!");?//Enter鍵
????????????break;

????}
});?

17、keyup()

觸發每一個匹配元素的keyup事件。這個函數會調用執行綁定到keyup事件的所有函數,包括瀏覽器的默認行為。可以通過在某個綁定的函數中返回false來防止觸發瀏覽器的默認行為。keyup事件會在按鍵釋放時觸發。

18、keyup(fn)

在每一個匹配元素的keyup事件中綁定一個處理函數。keyup 事件會在鍵盤按下時觸發。
示例:

$(document).keyup(function(event)?{
????
switch?(event.keyCode)?{
????????
case?13:
????????????alert(
"you?clicked?enter!");?//Enter鍵
????????????break;

????}
});?

19、load(fn)
在每一個匹配元素的load事件中綁定一個處理函數。如果綁定給window對象,則會在所有內容加載后觸發,包括窗口、框架、對象和圖像。如果是綁定元素,則在元素內容加載完后觸發。
注意:只有當在這個元素完全加載完之前綁定load的處理函數,才會在他加載完后觸發。如果之后再綁定就永遠不會觸發了。所以不要在$(document).ready()里綁定load事件,因為jQuery會在所有DOM加載完成后再綁定load事件。
返回值 jQuery
參數
fn (Function) : 在每一個匹配元素的load事件中綁定的處理函數。

20、mousedown(fn)
在每一個匹配元素的mousedown事件中綁定一個處理函數。mousedown事件在鼠標在元素上點擊后會觸發
返回值 jQuery
參數
fn (Function) : 在每一個匹配元素的mousedown事件中綁定的處理函數。
21、mousemove(fn)
在每一個匹配元素的mousemove事件中綁定一個處理函數。
mousemove 事件通過鼠標在元素上移動來觸發。事件處理函數會被傳遞一個變量——事件對象,其.clientX 和 .clientY 屬性代表鼠標的坐標。
返回值 jQuery
參數
fn (Function) : 在每一個匹配元素的mousemove事件中綁定的處理函數。
22、mouseout(fn)
在每一個匹配元素的mouseout事件中綁定一個處理函數。mouseout事件在鼠標從元素上離開后會觸發。
返回值 jQuery
參數
fn (Function) : 在每一個匹配元素的mouseout事件中綁定的處理函數。
23、mouseover(fn)
在每一個匹配元素的mouseover事件中綁定一個處理函數。mouseover事件會在鼠標移入對象時觸發。
返回值 jQuery
參數
fn (Function) : 在每一個匹配元素的mouseover事件中綁定的處理函數。

24、mouseup(fn)
在每一個匹配元素的mouseup事件中綁定一個處理函數。mouseup事件會在鼠標點擊對象釋放時。
返回值 jQuery
參數
fn (Function) : 在每一個匹配元素的mouseup事件中綁定的處理函數。
25、resize(fn)
在每一個匹配元素的resize事件中綁定一個處理函數。當文檔窗口改變大小時觸發
返回值 jQuery
參數
fn (Function) :在每一個匹配元素的resize事件中綁定的處理函數。
示例:


$(window).resize(
function()?{
????alert(
"Stop?it!");
});?

26、scroll(fn)
在每一個匹配元素的scroll事件中綁定一個處理函數。當滾動條發生變化時觸發。
返回值 jQuery
參數
fn (Function) : 在每一個匹配元素的resize事件中綁定的處理函數。
示例:

$(window).scroll(function()?{
????alert(
"scrolling?now!");
});?

27、select()
觸發每一個匹配元素的select事件這個函數會調用執行綁定到select事件的所有函數,包括瀏覽器的默認行為。可以通過在某個綁定的函數中返回false來防止觸發瀏覽器的默認行為。
返回值 jQuery
示例:
$("input").select();

28、select(fn)
在每一個匹配元素的select事件中綁定一個處理函數。當用戶在文本框(包括input和textarea)中選中某段文本時會觸發select事件。
返回值 jQuery
參數
fn (Function) : 在每一個匹配元素的select事件中綁定的處理函數。
示例:

$("input").select(function()?{
????alert(
"you?select?the?textbox?context");
});

29、submit()
觸發每一個匹配元素的submit事件。這個函數會調用執行綁定到submit事件的所有函數,包括瀏覽器的默認行為。可以通過在某個綁定的函數中返回false來防止觸發瀏覽器的默認行為。
返回值 jQuery
示例:
$("form:first").submit(); //提交本頁的第一個表單

30、submit(fn)
在每一個匹配元素的submit事件中綁定一個處理函數。submit事件將會在表單提交時觸發。
返回值 jQuery
參數
fn (Function) :在每一個匹配元素的submit事件中綁定的處理函數.
示例:

//阻止表單提交
$("form").submit(function()?{
????
return?false;
});?

31、unload(fn)
在每一個匹配元素的unload事件中綁定一個處理函數。。
返回值 jQuery
參數
fn (Function) : 在每一個匹配元素的unload事件中綁定的處理函數。
示例:

$(window).unload(function()?{?alert("Byebye?now!");?});?

?嗯哈哈哈哈...,結束了。

轉載于:https://www.cnblogs.com/jeffwongishandsome/archive/2009/08/18/1541211.html

總結

以上是生活随笔為你收集整理的jQuery学习笔记:事件的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。