jquery利用命名空間移除綁定事件的方法
本文實(shí)例講述了jquery利用命名空間移除綁定事件的方法。分享給大家供大家參考。具體分析如下：
最近研究jquery，發(fā)現(xiàn)了一個(gè)簡(jiǎn)單移除綁定事件的方法，命名空間。
例子很簡(jiǎn)單。
這里我綁定了三個(gè)事件，分別是click,mouseover和dblclick事件
其中click和mouseover事件我加入了命名空間，而dblclick沒有加入命名空間。
利用一個(gè)button移除了綁定的事件。
這樣避免了重復(fù)的使用bind和unbind方法，讓你的代碼看起來(lái)更簡(jiǎn)潔明了。
<script type="text/javascript">
$(function (){
$("div").bind("click.plugin",function(){
$("body").append("<p>click事件</p>");
});
$("div").bind("mouseover.plugin",function(){
$("body").append("<p>mouseover事件</p>");
});
$("div").bind("dblclick",function(){
$("body").append("<p>dblclick事件</p>");
});
$("#but").click(function(){
alert("remove");
$("div").unbind(".plugin");
});
})
</script>
<div style="border: 1px solid red;height: 100px;width:300px;">已經(jīng)綁定了<br/>click,mouseover,dblclick事件的層</div>
<input id="but" type="button" value="remove"></input>
運(yùn)行效果如下：
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
- 實(shí)例講解jQuery中對(duì)事件的命名空間的運(yùn)用
- jQuery 事件的命名空間簡(jiǎn)單了解
- 在jquery中處理帶有命名空間的XML數(shù)據(jù)
- jQuery中綁定事件的命名空間詳解
- javascript,jquery閉包概念分析
- jQuery事件綁定.on()簡(jiǎn)要概述及應(yīng)用
- 關(guān)于jQuery新的事件綁定機(jī)制on()的使用技巧
- jquery 事件冒泡的介紹以及如何阻止事件冒泡
- jquery事件機(jī)制擴(kuò)展插件 jquery鼠標(biāo)右鍵事件
- jquery新的綁定事件機(jī)制on方法的使用方法
- jQuery的緩存機(jī)制淺析
- jQuery命名空間與閉包用法示例
相關(guān)文章
jquery實(shí)現(xiàn)個(gè)人中心導(dǎo)航菜單效果和美觀都非常不錯(cuò)
這是一款由jquery開發(fā)的導(dǎo)航菜單。適合放在門戶網(wǎng)站的個(gè)人用戶中心后臺(tái)。效果和美觀都非常不錯(cuò)2014-09-09
這篇文章主要介紹了jQuery中過(guò)濾器的基本用法,結(jié)合簡(jiǎn)單實(shí)例形式分析了jQuery過(guò)濾器針對(duì)table表格元素屬性進(jìn)行判斷與設(shè)置的相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
點(diǎn)擊超鏈接，超鏈接就會(huì)慢慢的消失，本文采用jquery中的hide方法及toggle方法實(shí)現(xiàn)，喜歡的朋友可以參考下2013-09-09
jQuery實(shí)現(xiàn)ajax調(diào)用WCF服務(wù)的方法(附帶demo下載)
基于jquery的橫向滾動(dòng)條（滑動(dòng)條）
jQuery Jcrop插件實(shí)現(xiàn)圖片選取功能
利用jQuery插件imgAreaSelect實(shí)現(xiàn)圖片上傳裁剪（同步顯示圖像位置信息）
基于jQuery實(shí)現(xiàn)點(diǎn)擊最后一行實(shí)現(xiàn)行自增效果的表格