jQuery的事件預綁定
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是在頁面加載之后某個時刻添加的控件,使用一般的綁定控件事件的代碼就會有問題,你會發(fā)現控件沒有綁定事件,而使用預綁定的方法,控件的事件就能綁定上,即使控件是后來添加的。
上面的內容就是jQuery的事件預綁定,jQuery文檔地址為:http://api.jquery.com/on/。
以上所述是小編給大家介紹的jQuery的事件預綁定,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
相關文章
jquery.AutoComplete.js中文修正版(支持firefox)
jquery.AutoComplete.js中文修正版(支持firefox),注意是修正了輸入中文的一些bug,需要的朋友可以測試下。2010-04-04在jQuery 1.5中使用deferred對象的代碼(翻譯)
Deferred是jQuery1.5新增的一個特性,很多人把它翻譯成 “異步隊列”,我覺得比較靠譜,畢竟和“延遲”沒啥關系,不過這篇文章中我還采用deferred這個單詞。2011-03-03ASP.NET jQuery 實例12 通過使用jQuery validation插件簡單實現用戶注冊頁面驗證功能
在這節(jié)我們將使用validation插件實現注冊頁面的驗證功能,通過這個例子,可以更全面的掌握該插件的使用功能2012-02-02從零開始學習jQuery (四) jQuery中操作元素的屬性與樣式
本篇文章講解如何使用jQuery獲取和操作元素的屬性和CSS樣式. 其中DOM屬性和元素屬性的區(qū)分值得大家學習.2011-02-02