cari

Rumah  >  Artikel  >  hujung hadapan web  >  jQuery中unbind()方法用法实例

jQuery中unbind()方法用法实例

巴扎黑
巴扎黑asal
2017-06-25 15:17:081414semak imbas

这篇文章主要介绍了jQuery中unbind()方法用法,实例分析了unbind()方法的功能、定义及移除被选元素的事件处理程序的使用技巧,需要的朋友可以参考下

本文实例讲述了jQuery中unbind()方法用法。分享给大家供大家参考。具体分析如下：

此方法移除被选元素的事件处理程序，包括通过bind()方法注册的自定义事件。
unbind()方法如果不带参数，则删除所有绑定的事件。
此方法如果提供了事件类型作为参数，则只删除该类型的绑定事件。
如果把在绑定时传递的处理函数作为第二个参数，则只有这个特定的事件处理函数会被删除。

语法结构:

代码如下:

$(selector).unbind(type,function)

参数列表:

参数 描述
data 要被解绑的事件类型。
Function 要从每个匹配元素的事件中解绑的事件处理函数。

实例代码:

代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>脚本之家</title> 
<style type="text/css"> 
p{ 
  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(){ 
  $("p").click(function(){ 
    $("p").append("添加的内容"); 
  }); 
  $("button").click(function(){ 
    $("p").unbind(); 
  }) 
}) 
</script> 
</head> 
<body> 
<p></p> 
<button>删除事件</button> 
</body> 
</html>

以上代码可以删除在p上注册的事件处理函数。

Atas ialah kandungan terperinci jQuery中unbind()方法用法实例. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jQuery unbind() 的使用实例展示Artikel seterusnya：jQuery live事件的使用详解

Artikel berkaitan

Lihat lagi