更新時(shí)間:2024-01-29 來源:黑馬程序員 瀏覽量:
在JavaScript中,當(dāng)為一個(gè)元素添加單擊事件時(shí),需要在元素的HTML標(biāo)記中添加onclick事件屬性,然后調(diào)用JavaScript相應(yīng)的函數(shù)進(jìn)行處理,而jQuery實(shí)現(xiàn)了JavaScript與HTML代碼的分離,在添加事件時(shí)不需要修改HTML標(biāo)記,并且它還解決了不同瀏覽器的兼容問題。
在jQuery中,為元素添加事件的語法非常簡(jiǎn)單,直接調(diào)用jQuery對(duì)象中的事件方法即可。例如為按鈕元素添加單擊事件,具體代碼如下:
$("button").click(function() { //處理語句 });
在上述代碼中,click()是單擊的事件方法,function()是該事件的處理函數(shù)。
在jQuery中,類似click()的事件方法還有很多,常用的事件方法如表15-9所示。
表15-9 jQuery常用事件
在表15-19中,參數(shù)function表示觸發(fā)事件時(shí)執(zhí)行的函數(shù),參數(shù)data表示為函數(shù)傳入的參數(shù)。