jQuery unbind()方法
unbind() 方法是jQuery的一个内置方法,用于删除任何选定的事件处理程序。这个方法可以用来删除特定的事件处理器,或停止特定的功能。它适用于任何使用事件对象的事件处理器。
注意:如果没有提供参数,该方法对指定元素的所有事件处理程序起作用。
语法:
$(selector).unbind(event, function, eventObj)
参数:该方法接受上面提到的和下面描述的三个参数。
- event。这是一个可选的参数,用来指定事件(一个或多个),以便从元素中删除它们。
- function。这是一个可选的参数,用于指定从指定事件中解绑元素的函数名称。
- eventObj: 它是一个可选的参数,用于指定要从事件绑定函数中移除的事件对象。
例子1:这个例子描述了unbind()方法,从选定的元素移除事件处理程序。
<!DOCTYPE html>
<html>
<head>
<title>
jQuery unbind() Method
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<button>
Click Here
</button>
<!-- Script to illustrates unbind() method -->
<script>
(document).ready(function() {
("h1").click(function() {
(this).slideToggle();
});
("button").click(function() {
$("h1").unbind();
});
});
</script>
</body>
</html>
输出:
- 在点击任何地方之前。
- 点击元素h1后。
- 点击按钮后,事件将不工作。
例子2:这个例子描述了unbind()方法,从选定的元素移除事件处理程序。
<!DOCTYPE html>
<html>
<head>
<title>
jQuery unbind() Method
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<style>
h1 {
border: 1px solid black;
height: 100px;
padding-top: 35px;
background: green;
color: white;
}
</style>
</head>
<body style = "text-align:center;">
<h1>GeeksForGeeks</h1>
<button>
Remove event handler from geeks for geeks
</button>
<!-- Script to illustrates unbind() method -->
<script>
(document).ready(function() {
("h1").click(function() {
(this).slideToggle();
});
("button").click(function() {
$("h1").unbind();
});
});
</script>
</body>
</html>
输出:
- 在点击任何地方之前。
- 点击元素h1后。
- 点击按钮后,事件将不工作。