jQuery中的事件

有了jQuery,? 我們有了處理對(duì)象事件的一系列函數(shù).? 上面基礎(chǔ)知識(shí)還是要懂, 但是再也不用自己去實(shí)現(xiàn)處理多播事件委托的函數(shù)了.? 正所謂有了jQuery, 天天喝茶水. 下面是在jQuery中最常使用的bind()方法舉例:

$("#testDiv4").bind("click", showMsg);

我們?yōu)閕d是testDiv4的元素, 添加列click事件的事件處理函數(shù)showMsg.

使用jQuery事件處理函數(shù)的好處:

1. 添加的是多播事件委托.??

也就是為click事件又添加了一個(gè)方法, 不會(huì)覆蓋對(duì)象的click事件原有的事件處理函數(shù).

$("#testDiv4").bind("click", function(event) { alert("one"); });
$("#testDiv4").bind("click", function(event) { alert("two"); });

單擊testDiv4對(duì)象時(shí), 依次提示"one"和"two".

2. 統(tǒng)一了事件名稱.??
添加多播事件委托時(shí), ie中是事件名稱前面有"on". 但是使用bind()函數(shù)我們不用區(qū)分ie和dom ,? 因?yàn)閮?nèi)部jQuery已經(jīng)幫我們統(tǒng)一了事件的名稱.

3. 可以將對(duì)象行為全部用腳本控制.?
讓HTML代碼部分只注意"顯示"邏輯. 現(xiàn)在的趨勢(shì)是將HTML的行為, 內(nèi)容與樣式切分干凈. 其中用腳本控制元素行為, 用HTML標(biāo)簽控制元素內(nèi)容, 用CSS控制元素樣式. 使用jQuery事件處理函數(shù)可以避免在HTML標(biāo)簽上直接添加事件.

下面是基礎(chǔ)的jQuery事件處理函數(shù):