jQuery中的bind()函數(shù)跟on()函數(shù)有什么區(qū)別呢？

.bind()與.on()的區(qū)別：

公司主營業(yè)務(wù)：成都做網(wǎng)站、成都網(wǎng)站建設(shè)、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。成都創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊有機(jī)會用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)推出雙柏免費(fèi)做網(wǎng)站回饋大家。

（1）是否支持selector這個參數(shù)值。由于javascript的事件冒泡特性，如果在父元素上注冊了一個事件處理函數(shù)，當(dāng)子元素上發(fā)生這個事件的時候，父元素上的事件處理函數(shù)也會被觸發(fā)。

如果使用on的時候，不設(shè)置selector，那么on與bind就沒有區(qū)別了。

（2）on綁定的事件處理函數(shù)，對于未來新增的元素一樣可以的，和delegate效果相同，而bind則不行。?

（3） delegate用法與on()相同，只是參數(shù)的順序不同：

擴(kuò)展資料：

.bind()與.on()的實(shí)際應(yīng)用：

1.bind()是直接綁定在元素上 ，將一本地地址與一套接口捆綁。如無錯誤發(fā)生，則bind()返回0。否則的話，將返回-1，應(yīng)用程序可通過WSAGetLastError()獲取相應(yīng)錯誤代碼。

用于事件處理程序

function ClassName(){

this.eventHandler = (function(){

}).bind(this);

}

2.on()則實(shí)現(xiàn)事件代理, 可以在匹配元素上綁定一個或者多個事件處理函數(shù)。

（1） 用來綁定多事件,并且為同一函數(shù)，如：

$('div').on('click mouseover',function(){

//do sth

});

（2）多個事件綁定不同函數(shù)，如：

$('div').on({

'click':function(){

//do sth

},

'mouseover':function(){

//do sth

}

});

（3）事件代理，如：

html:

button id="bt1"按鈕1/button

jq:

$('#bt1').on('click',function(){

$('body').append('button按鈕2/button');

});

$('body').on('click','.bt2',function(){

console.log('這是bt2');

}

參考資料：百度百科-bind()

jquery中的bind，live，delegate和on方法的區(qū)別是什么

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

$(selector).live(event,data,function)//jquery1.9版本以下支持，jquery1.9及其以上版本刪除了此方法，jquery1.9以上版本用on()方法來代替$(selector).delegate(childSelector,event,data,function)//jquery1.4.2及其以上版本；$(selector).on(event,childselector,data,function)//jquery1.7及其以上版本；jquery1.7版本出現(xiàn)之后用于替代bind()，live()綁定事件方式；

event：必需項；添加到元素的一個或多個事件，例如 click,dblclick等；

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

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

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

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

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

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

function：必需；當(dāng)綁定事件發(fā)生時，需要執(zhí)行的函數(shù)；適用所有版本，但是根據(jù)官網(wǎng)解釋，自從jquery1.7版本以后bind()函數(shù)推薦用on()來代替。

jQuery中bind()怎么去除事件冒泡

使用stopPropagation() 方法；

e.stopPropagation()方法不再派發(fā)事件。終止事件在傳播過程的捕獲、目標(biāo)處理或起泡階段進(jìn)一步傳播。調(diào)用該方法后，該節(jié)點(diǎn)上處理該事件的處理程序?qū)⒈徽{(diào)用，事件不再被分派到其他節(jié)點(diǎn)。

例：div點(diǎn)擊事件阻止冒泡；

html

div id="div1"div id="div2"/div/div

js

$("#div2").bind("click",function(e){

e.stopPropagation();//阻止事件冒泡,點(diǎn)擊div2的時候?qū)⒉话l(fā)生點(diǎn)擊div1的事件；

});

jQuery事件綁定方法bind，live，delegate和on的區(qū)別

bind是用來綁定一個或多個事件的，live其實(shí)bind的一個加強(qiáng)版，用來綁定通過JavaScript或者jQuery添加的DOM元素事件，其語法結(jié)構(gòu)是一樣

123456$("p").bind("mouseenter mouseleave",function(){alert("ok");})$("p").live("mouseenter mouseleave",function(){alert("ok");})

delegate用于事件委托，也是綁定過JavaScript或者jQuery添加的DOM元素事件。

123$("div").delegate("p","click",function(){alert("p");})

點(diǎn)擊div下面的P執(zhí)行alert;

而on是在1.7之后新增的，是把bind,live,delegate全部合并在一起了，

123$("div").on("click","p",function(){ alert(1); })

不需要事件委托的時候把P去掉就會變成點(diǎn)擊div觸發(fā)了。

個人建議根據(jù)版本來使用，語法其實(shí)都差不多，如果你是用1.7版本以上就建議用on，畢竟bind，live，delegate這些將來都會遺棄了，如有錯誤，請指出。順便吐槽一下樓上的回答，不走心啊

Jquery中bind和live的區(qū)別

Jquery中bind和live的區(qū)別如下：

1.bind()可以綁定多個事件，live()一次只能綁定一個事件。

區(qū)別在于用live來綁定事件會給所有當(dāng)前以及將來在頁面上的元素綁定事件(使用委派的方式)。比如說，如果你給頁面上所有的li用live綁定了click事件。那么當(dāng)在以后增加一個li到這個頁面時，對于這個新增加的li，其click事件依然可用。而無需重新給這種新增加的元素綁定事件。

2.live 目前只支持所有事件的子集，支持列表參考上面的說明。

.live 不支持liveQuery提供的“無事件”樣式的回調(diào)函數(shù)。.live只能綁定事件處理函數(shù)。

.live 沒有”setup”和”cleanup”的過程。因?yàn)樗械氖录俏啥皇侵苯咏壎ㄔ谠厣系摹?/p>

jQuery中bind()方法中的參數(shù)

bind() 方法為被選元素添加一個或多個事件處理程序，并規(guī)定事件發(fā)生時運(yùn)行的函數(shù)。其語法為：

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

參數(shù)說明如下：

event：規(guī)定添加到元素的一個或多個事件。必需。

data： ?規(guī)定傳遞到函數(shù)的額外數(shù)據(jù)?？蛇x。

function： 規(guī)定當(dāng)事件發(fā)生時運(yùn)行的函數(shù)。必需。

示例如下：

//?當(dāng)點(diǎn)擊鼠標(biāo)時，隱藏或顯示?p?元素：

$("button").bind("click",function(){

$("p").slideToggle();

});

新聞名稱：jquerybind,jquerybind事件
本文路徑：http://aaarwkj.com/article30/dsisopo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、外貿(mào)網(wǎng)站建設(shè)、ChatGPT、商城網(wǎng)站、網(wǎng)站排名、營銷型網(wǎng)站建設(shè)

廣告

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