jquery綁定事件有哪些方法

你好！

創(chuàng)新互聯(lián)建站不只是一家網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司；我們對(duì)營(yíng)銷、技術(shù)、服務(wù)都有自己獨(dú)特見解，公司采取“創(chuàng)意+綜合+營(yíng)銷”一體化的方式為您提供更專業(yè)的服務(wù)！我們經(jīng)歷的每一步也許不一定是最完美的，但每一步都有值得深思的意義。我們珍視每一份信任，關(guān)注我們的成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)質(zhì)量和服務(wù)品質(zhì)，在得到用戶滿意的同時(shí)，也能得到同行業(yè)的專業(yè)認(rèn)可，能夠?yàn)樾袠I(yè)創(chuàng)新發(fā)展助力。未來將繼續(xù)專注于技術(shù)創(chuàng)新，服務(wù)升級(jí)，滿足企業(yè)一站式營(yíng)銷型網(wǎng)站建設(shè)需求，讓再小的品牌網(wǎng)站建設(shè)也能產(chǎn)生價(jià)值！

jquery綁定事件的方法，有兩種方式：

$(function(){

$("#btn").click(function(event){});

//這種方式是直接指定事件及處理函數(shù);

$("#btn").on("click",function(event){});

//這種方式，可以綁定一個(gè)或多個(gè)事件，事件的判斷在functon中通過event進(jìn)行判斷;

//jquery自1.9版本后，推薦事件綁定使用on()函數(shù)

});

希望對(duì)你有幫助！

jquery綁定點(diǎn)擊事件的方法

jQuery綁定點(diǎn)擊事件可以使用其綁定事件函數(shù)

jquery中四個(gè)事件綁定方式（bind,live,delegate,on）

1、bind()????

簡(jiǎn)要描述

bind()向匹配元素添加一個(gè)或多個(gè)事件處理器。

使用方式

$(selector).bind(event,data,function)

event：必需項(xiàng)；添加到元素的一個(gè)或多個(gè)事件，例如 click,dblclick等；

單事件處理：例如?$(selector).bind("click",data,function);

多事件處理：

1.利用空格分隔多事件，例如?$(selector).bind("click dbclick mouseout",data,function);

2.利用大括號(hào)靈活定義多事件，例如?$(selector).bind({event1:function, event2:function, ...})　

3.空格相隔方式：綁定較為死板，不能給事件單獨(dú)綁定函數(shù),適合處理多個(gè)事件調(diào)用同一函數(shù)情況；

大括號(hào)替代方式：綁定較為靈活，可以給事件單獨(dú)

綁定函數(shù)；　

data：可選；需要傳遞的參數(shù)；

function：必需；當(dāng)綁定事件發(fā)生時(shí)，需要執(zhí)行的函數(shù)；

適用Jquery版本

適用所有版本，但是根據(jù)官網(wǎng)解釋，自從jquery1.7版本以后bind()函數(shù)推薦用on()來代替。

2、live()? ?

簡(jiǎn)要描述

live()?向當(dāng)前或未來的匹配元素添加一個(gè)或多個(gè)事件處理器；

使用方式

$(selector).live(event,data,function)

event：必需項(xiàng)；添加到元素的一個(gè)或多個(gè)事件，例如 click,dblclick等；

單事件處理：例如?$(selector).live("click",data,function);

多事件處理：1.利用空格分隔多事件，例如?$(selector).live("click dbclick mouseout",data,function);

2.利用大括號(hào)靈活定義多事件，例如?$(selector).live({event1:function, event2:function, ...})　

3.空格相隔方式：綁定較為死板，不能給事件單獨(dú)綁定函數(shù),適合處理多個(gè)事件調(diào)用同一函數(shù)情況；

大括號(hào)替代方式：綁定較為靈活，可以給事件單獨(dú)綁定函數(shù)；　

data：可選；需要傳遞的參數(shù)；

function：必需；當(dāng)綁定事件發(fā)生時(shí)，需要執(zhí)行的函數(shù)；

適用Jquery版本

jquery1.9版本以下支持，jquery1.9及其以上版本刪除了此方法，jquery1.9以上版本用on()方法來代替。

3、delegate()

簡(jiǎn)要描述

delegate()?為指定的元素（被選元素的子元素）添加一個(gè)或多個(gè)事件處理程序，并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)。使用 delegate() 方法的事件處理程序適用于當(dāng)前或未來的元素（比如由腳本創(chuàng)建的新元素）。

使用方式　

$(selector).delegate(childSelector,event,data,function)

childSelector:?必需項(xiàng)；需要添加事件處理程序的元素，一般為selector的子元素；

event：必需項(xiàng)；添加到元素的一個(gè)或多個(gè)事件，例如 click,dblclick等；

單事件處理：例如?$(selector).delegate(childselector,"click",data,function);

多事件處理：1.利用空格分隔多事件，例如?$(selector).delegate(childselector,"click?dbclick mouseout",data,function);

2.利用大括號(hào)靈活定義多事件，例如?$(selector).delegate(childselector,{event1:function, event2:function, ...})　

3.空格相隔方式：綁定較為死板，不能給事件單獨(dú)綁定函數(shù),適合處理多個(gè)事件調(diào)用同一函數(shù)情況；

大括號(hào)替代方式：綁定較為靈活，可以給事件單獨(dú)綁定函數(shù)；　

data：可選；需要傳遞的參數(shù)；

function：必需；當(dāng)綁定事件發(fā)生時(shí)，需要執(zhí)行的函數(shù)；

適用Jquery版本

jquery1.4.2及其以上版本；

4、on()

簡(jiǎn)要描述

on()?為指定的元素,添加一個(gè)或多個(gè)事件處理程序，并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)。使用 on() 方法的事件處理程序適用于當(dāng)前或未來的元素（比如由腳本創(chuàng)建的新元素）。

使用方式　

$(selector).on(event,childselector,data,function)

event：必需項(xiàng)；添加到元素的一個(gè)或多個(gè)事件，例如 click,dblclick等；

單事件處理：例如?$(selector).on("click",childselector,data,function);

多事件處理：1.利用空格分隔多事件，例如?$(selector).on("click?dbclick mouseout",childseletor,data,function);

2.利用大括號(hào)靈活定義多事件，例如?$(selector).on({event1:function, event2:function, ...},childselector);　

3.空格相隔方式：綁定較為死板，不能給事件單獨(dú)綁定函數(shù),適合處理多個(gè)事件調(diào)用同一函數(shù)情況；

大括號(hào)替代方式：綁定較為靈活，可以給事件單獨(dú)綁定函數(shù)；　

childSelector:?可選；需要添加事件處理程序的元素，一般為selector的子元素；

data：可選；需要傳遞的參數(shù)；

function：必需；當(dāng)綁定事件發(fā)生時(shí)，需要執(zhí)行的函數(shù)；

適用Jquery版本

jquery1.7及其以上版本；jquery1.7版本出現(xiàn)之后用于替代bind()，live()綁定事件方式；

四種方式的異同和優(yōu)缺點(diǎn)

相同點(diǎn)：

1.都支持單元素多事件的綁定；空格相隔方式或者大括號(hào)替代方式;

2.均是通過事件冒泡方式，將事件傳遞到document進(jìn)行事件的響應(yīng)；

比較和聯(lián)系:

1.bind()函數(shù)只能針對(duì)已經(jīng)存在的元素進(jìn)行事件的設(shè)置；但是live(),on(),delegate()均支持未來新添加元素的事件設(shè)置；

2.bind()函數(shù)在jquery1.7版本以前比較受推崇，1.7版本出來之后，官方已經(jīng)不推薦用bind()，替代函數(shù)為on(),這也是1.7版本新添加的函數(shù)，同樣，可以

用來代替live()函數(shù)，live()函數(shù)在1.9版本已經(jīng)刪除；

3.live()函數(shù)和delegate()函數(shù)兩者類似，但是live()函數(shù)在執(zhí)行速度，靈活性和CSS選擇器支持方面較delegate()差些

4.bind()支持Jquery所有版本；live()支持jquery1.8-；delegate()支持jquery1.4.2+；on()支持jquery1.7+；　

總結(jié)

如果項(xiàng)目中引用jquery版本為低版本，推薦用delegate(),高版本jquery可以使用on()來代替，以上僅為個(gè)人看法

jquery綁定事件的方法

1、新建一個(gè)靜態(tài)頁(yè)面bind.html，并引入jquery核心文件。

2、在body/body標(biāo)簽中，插入一個(gè)button按鈕，添加id屬性值。

3、在script/script標(biāo)簽中，添加按鈕點(diǎn)擊事件，利用on()方法綁定。

4、保存代碼并運(yùn)行項(xiàng)目，打開瀏覽器查看界面效果，點(diǎn)擊按鈕查看控制臺(tái)。

5、將on()方法改為bind()方法，然后保存代碼，點(diǎn)擊按鈕查看打印結(jié)果。

6、在jQuery3.0以下版本中，可以使用delegate()方法綁定點(diǎn)擊事件。

7、除了上述之外，還有l(wèi)ive()方法，不過這個(gè)方法jQuery1.7后就被廢棄了。

怎樣用jquery寫一個(gè)事件？

怎樣用jquery寫一個(gè)事件，在點(diǎn)擊

刪除

時(shí)彈出一個(gè)對(duì)話框，選擇是或否，如果選擇是，就跳轉(zhuǎn)到所選頁(yè)面，選擇否就返回。而且在彈出對(duì)話框沒選擇的時(shí)候，先不要跳轉(zhuǎn)。

1、用confirm

if(confirm("確定要?jiǎng)h除數(shù)據(jù)嗎")){

}else{

}

2、用組件jBox(需要下載jquery.jBox-2.3.min.js，并引入)

$.jBox.confirm("您確定要?jiǎng)h除此委托嗎？",

"提示",

function(v,

h,

f)

{

if

(v

==

"ok")

{

}else{

}

});

1.

jQuery

的綁定事件是能夠疊加的，比如對(duì)一個(gè)div

綁定的多次

blur

事件，在觸發(fā)的時(shí)候

多個(gè)綁定在div

上的blur

事件都會(huì)執(zhí)行；

$(

'#demo'

).bind(

'blur',

function(){

$(

'#demo'

).unbind(

'blur'

);

//

在執(zhí)行完

blur

事件后解除綁定的事件或者在其他的地方解除綁定也行；

}

);

jquery 事件的方法怎么調(diào)用

jquery方法的調(diào)用？ 和你自己寫的js方法，然后調(diào)用時(shí)一樣的。

比如jquery 點(diǎn)擊事件 $('#XX').click();

你把要執(zhí)行的東西放到一個(gè)function進(jìn)去。傳進(jìn)click方法就可以。就想下面：

$('#XX').click(function(){

alert('jquery的點(diǎn)擊事件觸發(fā)了');

});

記得用jquery時(shí)，得引入jquery的js文件。

文章名稱：jquery事件的方法,jquery中的事件
網(wǎng)頁(yè)URL：http://chinadenli.net/article43/dsijces.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司、移動(dòng)網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、網(wǎng)站改版、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)