cari

Rumah >hujung hadapan web >tutorial js >jQuery unbind方法如何使用

jQuery unbind方法如何使用

清浅
清浅asal
2019-03-20 10:09:202709semak imbas

jQuery中的unbind()方法就是用于移除被选元素的事件处理程序以及在事件发生时终止函数的运行，它只能解绑bind方法或者用jQuery方法注册的事件处理程序

jQuery中的unbind()方法是bind()方法的反向操作，表示的是从每一个匹配的元素中删除所绑定的事件。接下来将在文章中具体为大家有关unbind方法的使用，具有一定的参考价值，希望对大家有所帮助

jQuery unbind方法如何使用

【推荐课程：jQuery教程】

unbind()方法介绍

unbind() 方法用于移除所有的或者是被选元素的事件处理程序以及当事件发生时终止函数的运行

注意：unbind方法只能解绑bind方法或者用jQuery方法注册的事件处理程序，如以下例子就可以通过unbind()方法解绑

$('demo').click(function(){})

但是用原生的addEventListener以及IE下的attachEvent注册的事件以及使用onclick/onmouseover属性绑定的事件不能通过unbind进行解绑。例：

var demo = document.getElementById('demo');
demo.addEventListener(demo,function(){},false);
demo.onclick = function(){}

unbind() 方法的语法结构：

$(selector).unbind(event,function)

event指的是删除元素的一个或多个事件，是一个可选值。如果只规定了该参数则会删除绑定到指定事件中的所有函数

function指的是从元素的指定事件中取消绑定的函数名，也是一个可选参数

案例：点击div时背景颜色发生变化，当点击删除事件时背景颜色不会发生变化

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title></title> 
<style type="text/css"> 
div{ 
  width:200px; 
  height:200px; 
  background-color:yellow; 
  text-align:center; 
  line-height:200px; 
} 
.bg{
  background-color: pink;
}
</style> 
<script type="text/javascript" src="./jquery/jquery-1.12.4.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
  $("div").click(function(){ 
    $("div").addClass(&#39;bg&#39;)
  }); 
  $("button").click(function(){ 
    $("div").unbind(); 
  }) 
}) 
</script> 
</head> 
<body> 
<div></div> 
<button>删除事件</button> 
</body> 
</html>

效果图：

GIF.gif

总结：以上就是本篇文章的全部内容了，希望对大家学习jQuery中的unbind方法有所帮助。

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：使用Proxy实现双向绑定的方法介绍（代码）Artikel seterusnya：JavaScript中数组克隆的方法介绍（附代码）

Artikel berkaitan

Lihat lagi