示例如下：
<div> <ul id="demo"> <li>Kubernetes：下一代分布式系統的護戒使者</li> <li>機器學習工具--Pandas cheat sheet</li> <li>Android 8.0 正式版即將發布 谷歌還要建超人模型</li> ... //li是動態生成 </ul> </div> <script type="text/javascript"> //動態像ul的末尾追加一個新元素 $("#demo").append('<li>Kubernetes：下一代分布式系統的護戒使者</li>'); $("#demo").append('機器學習工具--Pandas cheat sheet'); $("#demo").append('Android 8.0 正式版即將發布 谷歌還要建超人模型'); ... </script>錯誤示范：
// 示范一 $("#demo li").click(function(){ alert($(this).html()); }); // 示范二 $("#demo li").on('click',function(){ alert($(this).html()); });通過運行以上代碼，就會發現動態生成的標簽事先綁定的點擊事件點擊了沒反應。總結一下,推測上面這個監聽函數，是在網頁加載的時候就指定了對象,而通過代碼追加，如通過js追加的元素，是不能匹配這個事件的。那么，我們應該使用什么來綁定動態元素呢，支持給動態元素和屬性綁定事件的是live和on，其中live在JQUERY 1.7之后就不推薦使用了。現在主要用on，使用on的時候也要注意，on前面的元素也必須在頁面加載的時候就存在於dom里面。動態的元素或者樣式等，可以放在on的第二個參數里面。
正確示范：
$("#demo").on('click', 'li',function(){ alert($(this).html()); });