.bind()方法可使用.on()方法來代替

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供秦淮網(wǎng)站建設(shè)、秦淮做網(wǎng)站、秦淮網(wǎng)站設(shè)計、秦淮網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、秦淮企業(yè)網(wǎng)站模板建站服務(wù)，10多年秦淮做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

on()方法提高代碼易讀性，如下

$("input").bind("click", { foo: "hello" }, handler);

$("input").on("click", { foo: "hello" }, handler);

bind()綁定事件的時候，這些元素必須已經(jīng)存在，而on()可以處理類似于代理這樣的東東，也就是說不存在的元素（動態(tài)生成的元素也可以處理），如下動態(tài)生成的 To do list ，再雙擊刪除，可使用on()輕松完成，你會發(fā)現(xiàn)，on換成bind是不行的。

<input type="text" id="str">
<button id="btn">添加</button>
<h4>To do list</h4>
<ul></ul>

$(document).ready(function(){
 $('#btn').on('click',function(){
  var str = $('#str').val();
  $('<li>').text(str).appendTo('ul'); 
  $('#str').val('');
 })

 //To do list雙擊刪除
 $(document).on('dblclick','li',function(){
  $(this).remove();
 })
});

on()事件綁定的妙用：我們經(jīng)常要在網(wǎng)頁里面處理大量的表格，假設(shè)表格有1000行，如果為每個tr都綁定一個click事件是非常占用內(nèi)存的，而更加優(yōu)雅的方法是：使用父元素tbody作事件代理，只需綁定一次，子孫元素tr上發(fā)生的事件會冒泡到tbody進行處理，節(jié)省開銷

//效率低下的寫法
$( "#dataTable tbody tr" ).on( "click", function() { \……

//換成優(yōu)雅高效滴
$( "#dataTable tbody" ).on( "click", "tr", function() { \……

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對創(chuàng)新互聯(lián)的支持。

本文標(biāo)題：jquery中關(guān)于bind()方法的使用技巧分享
URL鏈接：http://chinadenli.net/article18/pgpidp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗、響應(yīng)式網(wǎng)站、標(biāo)簽優(yōu)化、微信公眾號、App開發(fā)、商城網(wǎng)站

廣告

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