jQuery的live()方法是一個(gè)函數(shù),可以在元素被添加到文檔中后自動(dòng)為其綁定事件處理程序。這個(gè)方法非常有用,因?yàn)樗梢詭椭阕詣?dòng)更新頁(yè)面上的元素,而不必?fù)?dān)心手動(dòng)重新綁定所有的事件處理程序。
$(document).ready(function(){ $("button").live("click",function(){ alert("按鈕被點(diǎn)擊了!"); }); });
在這個(gè)例子中,我們通過(guò)jQuery選擇器選擇了所有的button元素,并使用live()方法在文檔中自動(dòng)為它們綁定了一個(gè)點(diǎn)擊事件處理程序。在這個(gè)事件處理程序中,我們展示了一個(gè)警告對(duì)話框,告訴用戶按鈕被點(diǎn)擊了。
使用live()方法有一些好處。首先,它可以幫助你自動(dòng)更新頁(yè)面上的元素,而不必?fù)?dān)心手動(dòng)重新綁定所有的事件處理程序。其次,它可以幫助你避免一些常見(jiàn)的錯(cuò)誤,如在DOM更改后忘記重新綁定事件處理程序。
$(document).ready(function(){ $("div").live({ mouseenter:function(){ $(this).css("background-color","yellow"); }, mouseleave:function(){ $(this).css("background-color","white"); } }); });
在這個(gè)例子中,我們使用了live()方法為文檔中的所有div元素綁定了鼠標(biāo)進(jìn)入和離開(kāi)事件的事件處理程序。在這些事件處理程序中,我們根據(jù)鼠標(biāo)事件的類型更改背景顏色。
雖然live()方法非常有用,但在jQuery 1.9版中已被棄用。取而代之的是使用on()和off()方法。然而,如果你還在使用jQuery 1.7或1.8版本,請(qǐng)放心地使用live()方法。