最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jquery中關(guān)于bind()方法的使用技巧分享

 更新時(shí)間：2017年03月30日 09:11:20   作者：Romennts  
這篇文章主要給大家分享了jquery中關(guān)于bind()方法的使用技巧，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考價(jià)值，需要的朋友們下面來(lái)一起看看吧。

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

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

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

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

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

<input type="text" id="str">
<button id="btn">添加</button>
<h3>To do list</h3>
<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)頁(yè)里面處理大量的表格，假設(shè)表格有1000行，如果為每個(gè)tr都綁定一個(gè)click事件是非常占用內(nèi)存的，而更加優(yōu)雅的方法是：使用父元素tbody作事件代理，只需綁定一次，子孫元素tr上發(fā)生的事件會(huì)冒泡到tbody進(jìn)行處理，節(jié)省開(kāi)銷

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

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

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

相關(guān)文章

最新評(píng)論

刚察县| 台江县| 英超| 白银市| 张掖市| 利津县| 青州市| 文成县| 雷州市| 舞钢市| 丰都县| 钟山县| 紫阳县| 花莲县| 万全县| 夏河县| 平凉市| 新巴尔虎左旗| 吉隆县| 古交市| 抚远县| 阜阳市| 睢宁县| 广元市| 灵璧县| 乐业县| 昌黎县| 伊宁县| 清河县| 新丰县| 定襄县| 景东| 荔波县| 巴林左旗| 玉树县| 乐至县| 庐江县| 阿拉善左旗| 横山县| 铜鼓县| 襄樊市|