欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery的事件預(yù)綁定

 更新時(shí)間：2016年12月05日 11:32:54   投稿：mrr  
這篇文章主要介紹了jQuery的事件預(yù)綁定的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下

1. 預(yù)綁定

首先解釋一下什么叫預(yù)綁定。預(yù)綁定，顧名思義，就是在Web頁(yè)面上的控件還沒出現(xiàn)之前就綁定好事件。預(yù)綁定主要是指jQuery中的.on()方法。

2. Demo

HTML代碼

<div id="root">
<input type="button" id="test" value="test"/>
</div>

一般的jQuery代碼：

$('#root').find('#test').on('click', function() {
...
});

預(yù)綁定的jQuery代碼：

$('#root').on('click', '#test2', function() {
...
});

jQuery添加控件的代碼

$('#root').append('<input type="button" id="test" value="test2"/>')

解釋：在頁(yè)面控件直接顯示的情況下，例如'test'，上面的兩種綁定控件事件的方法都沒問題，都可以正常工作，但如果上面的HMTL代碼是在模板中，例如jsview中，模板數(shù)據(jù)不是頁(yè)面加載時(shí)就添加的，或者上面的HTML代碼開始不在頁(yè)面上，是通過jQuery添加的，例如test2是在頁(yè)面加載之后某個(gè)時(shí)刻添加的控件，使用一般的綁定控件事件的代碼就會(huì)有問題，你會(huì)發(fā)現(xiàn)控件沒有綁定事件，而使用預(yù)綁定的方法，控件的事件就能綁定上，即使控件是后來添加的。

上面的內(nèi)容就是jQuery的事件預(yù)綁定，jQuery文檔地址為：http://api.jquery.com/on/。

以上所述是小編給大家介紹的jQuery的事件預(yù)綁定，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評(píng)論