前言
因?yàn)轫?xiàng)目中經(jīng)常會(huì)有利用jquery操作dom元素的增刪操作,所以會(huì)涉及到dom元素的綁定事件方式,簡(jiǎn)單的歸納一下bind,live,delegate,on的區(qū)別,以便以后查閱,也希望該文章日后能幫助到各位朋友,文中如有不當(dāng)之處,還望各位指正,話(huà)不多說(shuō),直接進(jìn)入正題。
一、bind()
簡(jiǎn)要描述
bind()向匹配元素添加一個(gè)或多個(gè)事件處理器。
使用方式
代碼如下:$(selector).bind(event,data,function)
event:必需項(xiàng);添加到元素的一個(gè)或多個(gè)事件,例如 click,dblclick等;
單事件處理:例如 代碼如下:$(selector).bind("click",data,function);
多事件處理:1.利用空格分隔多事件,例如 代碼如下:$(selector).bind("click dbclick mouseout",data,function);
2.利用大括號(hào)靈活定義多事件,例如 代碼如下:$(selector).bind({event1:function, event2:function, ...})
3.空格相隔方式:綁定較為死板,不能給事件單獨(dú)綁定函數(shù),適合處理多個(gè)事件調(diào)用同一函數(shù)情況;
大括號(hào)替代方式:綁定較為靈活,可以給事件單獨(dú)綁定函數(shù);
data:可選;需要傳遞的參數(shù);
function:必需;當(dāng)綁定事件發(fā)生時(shí),需要執(zhí)行的函數(shù);
舉例說(shuō)明
使用方式
代碼如下:$(selector).delegate(childSelector,event,data,function)
childSelector: 必需項(xiàng);需要添加事件處理程序的元素,一般為selector的子元素;
event:必需項(xiàng);添加到元素的一個(gè)或多個(gè)事件,例如 click,dblclick等;單事件處理:例如 代碼如下:$(selector).delegate(childselector,"click",data,function);
多事件處理:1.利用空格分隔多事件,例如 代碼如下:$(selector).delegate(childselector,"click dbclick mouseout",data,function);
2.利用大括號(hào)靈活定義多事件,例如 代碼如下:$(selector).delegate(childselector,{event1:function, event2:function, ...})
3.空格相隔方式:綁定較為死板,不能給事件單獨(dú)綁定函數(shù),適合處理多個(gè)事件調(diào)用同一函數(shù)情況;大括號(hào)替代方式:綁定較為靈活,可以給事件單獨(dú)綁定函數(shù);
data:可選;需要傳遞的參數(shù);
function:必需;當(dāng)綁定事件發(fā)生時(shí),需要執(zhí)行的函數(shù);舉例說(shuō)明
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
jQuery中bind(),live(),delegate(),on()綁定事件方法實(shí)例詳解_jquery
jQuery中bind(),live(),delegate(),on()綁定事件方法實(shí)例詳解_jquery:本文實(shí)例分析了jQuery中bind(),live(),delegate(),on()綁定事件方法。分享給大家供大家參考,具體如下: 前言 因?yàn)轫?xiàng)目中經(jīng)常會(huì)有利用jquery操作dom元素的增刪操作,所以會(huì)涉及到dom元素的綁定事件方式,簡(jiǎn)單的歸納一下bind,live,delegate推薦度:
- 熱門(mén)焦點(diǎn)