1. 預綁定

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

2. Demo

HTML代碼

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

一般的jQuery代碼：

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

預綁定的jQuery代碼：

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

jQuery添加控件的代碼

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

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

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

以上所述是小編給大家介紹的jQuery的事件預綁定，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！