摘要：這篇文章主要介紹了jQuery的事件預(yù)綁定的相關(guān)資料.1. 預(yù)綁定首先解釋一下什么叫預(yù)綁定。預(yù)綁定，顧名思義，就是在Web頁面上的控件還沒出現(xiàn)之前就綁定好事件。預(yù)綁定主要是指jQuery中的.on()方法。2. DemoHTML代碼<div id="root"> <input type="button" id=

這篇文章主要介紹了jQuery的事件預(yù)綁定的相關(guān)資料.

1. 預(yù)綁定

首先解釋一下什么叫預(yù)綁定。預(yù)綁定，顧名思義，就是在Web頁面上的控件還沒出現(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"/>')

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

更多關(guān)于jQuery的事件預(yù)綁定請(qǐng)關(guān)注PHP中文網(wǎng)（ipnx.cn）其它文章！