jQuery 1.9/2.0/2.1及其以上版本無法使用live函數了，然而jQuery 1.9及其以上版本提供了on函數來代替。
如果要綁定的on方法是動態加載出來的元素，那么這樣使用就是沒有用的。
<script>
$(document).ready(function(){
$(“#div1”).click(function(){
$("<div class='test'>test</div>").appendTo($("#div1"));
});
$(“.test”).on(“click”,function(){
$(".test").css("background-color","pink");
});
$(“#div2”).bind(“click”,function(){
$(this).css("background-color","pink");
});
});
$(document).ready(function(){
$(“#div1”).click(function(){
$("<div class='test'>test</div>").appendTo($("#div1"));
});
$(document).on(“click”,“.test”,function(){//修改成這樣的寫法
$(".test").css("background-color","pink");
});
$(“#div2”).bind(“click”,function(){
$(this).css("background-color","pink");
});
});
究其元素就在于使用$(document)意義就在于使元素加載完后才執行方法，所以當為jQuery動態加載的元素綁定on方法的時候，使用$(document)設置代碼腳本在DOM元素加載完成后開始執行。
更多信息請查看IT技術專欄
公眾號
事業單位
當前位置：
公考類
招聘類
各類考試
