快捷導(dǎo)航

jQuery中unbind()方法用法實(shí)例

更新時(shí)間：2015年01月19日 11:56:32 投稿：shichen2014

這篇文章主要介紹了jQuery中unbind()方法用法,實(shí)例分析了unbind()方法的功能、定義及移除被選元素的事件處理程序的使用技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery中unbind()方法用法。分享給大家供大家參考。具體分析如下：

此方法移除被選元素的事件處理程序，包括通過(guò)bind()方法注冊(cè)的自定義事件。
unbind()方法如果不帶參數(shù)，則刪除所有綁定的事件。
此方法如果提供了事件類型作為參數(shù)，則只刪除該類型的綁定事件。
如果把在綁定時(shí)傳遞的處理函數(shù)作為第二個(gè)參數(shù)，則只有這個(gè)特定的事件處理函數(shù)會(huì)被刪除。

語(yǔ)法結(jié)構(gòu):

復(fù)制代碼代碼如下:

$(selector).unbind(type,function)

參數(shù)列表:

參數(shù)	描述
data	要被解綁的事件類型。
Function	要從每個(gè)匹配元素的事件中解綁的事件處理函數(shù)。

實(shí)例代碼:

復(fù)制代碼代碼如下:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://m.fzitv.net/" />

<title>腳本之家</title> 

<style type="text/css"> 

div{ 

  width:200px; 

  height:200px; 

  background-color:blue; 

  text-align:center; 

  line-height:200px; 

} 

</style> 

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 

<script type="text/javascript"> 

$(document).ready(function(){ 

  $("div").click(function(){ 

    $("div").append("添加的內(nèi)容"); 

  }); 

  $("button").click(function(){ 

    $("div").unbind(); 

  }) 

}) 

</script> 

</head> 

<body> 

<div></div> 

<button>刪除事件</button> 

</body> 

</html>

以上代碼可以刪除在div上注冊(cè)的事件處理函數(shù)。

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jquery()函數(shù)的三種語(yǔ)法介紹
jquery()函數(shù)有三種不同的語(yǔ)法，在本文將為大家詳細(xì)介紹下，感興趣的朋友不要錯(cuò)過(guò)
2013-10-10
javascript開(kāi)發(fā)中使用onpropertychange,oninput事件解決onchange事件的不足
用onpropertychange,oninput事件解決onchange事件的不足，需要的朋友可以參考下。
2010-11-11
jquery動(dòng)態(tài)加載select下拉框示例代碼
動(dòng)態(tài)加載select下拉框的實(shí)現(xiàn)方法有很多，在接下來(lái)的文章中為大家介紹下jquery是如何實(shí)現(xiàn)的
2013-12-12
jQuery中bind(),live(),delegate(),on()綁定事件方法實(shí)例詳解
這篇文章主要介紹了jQuery中bind(),live(),delegate(),on()綁定事件方法,結(jié)合實(shí)例形式詳細(xì)分析了bind(),live(),delegate(),on()方法綁定事件的具體使用技巧,并對(duì)比分析了四種方式的異同點(diǎn),需要的朋友可以參考下
2016-01-01
jQuery中serializeArray()與serialize()的區(qū)別實(shí)例分析
這篇文章主要介紹了jQuery中serializeArray()與serialize()的區(qū)別,結(jié)合實(shí)例形式分析了jQuery中serializeArray()與serialize()的具體功能、使用技巧與用法區(qū)別,需要的朋友可以參考下
2015-12-12
jQuery.extend 函數(shù)詳解
Jquery的擴(kuò)展方法extend是我們?cè)趯懖寮倪^(guò)程中常用的方法，該方法有一些重載原型，在此，我們一起去了解了解
2012-02-02
jQuery綁定事件不執(zhí)行但alert后可以正常執(zhí)行
這篇文章主要為大家解決下為什么jQuery綁定事件不執(zhí)行而alert后可以正常執(zhí)行,需要的朋友可以參考下
2014-06-06
淺談jquery.fn.extend與jquery.extend區(qū)別
本文給大家簡(jiǎn)單描述了下jquery.fn.extend與jquery.extend的概念以及區(qū)別，十分的實(shí)用，有需要的小伙伴可以參考下。
2015-07-07
jquery創(chuàng)建一個(gè)ajax關(guān)鍵詞數(shù)據(jù)搜索實(shí)現(xiàn)思路
我們經(jīng)常需要在前臺(tái)頁(yè)面輸入關(guān)鍵詞進(jìn)行數(shù)據(jù)的搜索這已經(jīng)成為了一種習(xí)慣今天給大家分享一下如何使用 jQuery，MySQL和Ajax創(chuàng)建簡(jiǎn)單和有吸引力的Ajax搜索,感興趣的你可不要錯(cuò)過(guò)了哈
2013-02-02
EasyUI布局高度自適應(yīng)
這篇文章主要介紹EasyUI高度自適應(yīng)的問(wèn)題,比較實(shí)用，需要的朋友可以參考下。
2016-06-06