unbind()方法是jQuery中的内置方法，用于删除任何选定的事件处理程序。此方法可用于删除特定的事件处理程序或停止特定的函数。它可以在任何使用事件对象的事件处理程序上工作。
如果没有提供参数，则unbind()方法对指定元素的所有事件处理程序都有效。
语法：
$(selector).unbind(event, function, eventObj)
参数：此方法接受上述三个参数
event：一个可选参数，用于指定从元素中删除它们的事件（一个或多个）。
function：一个可选参数，用于指定要从元素的指定事件中取消绑定的函数的名称。
eventObj：一个可选参数，用于指定要从事件绑定函数中删除的事件对象。
示例：使用unbind()方法从选定元素中删除事件处理程序。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$(document).ready(function() {
$("h1").click(function() {
$(this).css( "background-color", "lightpink");
});
$("button").click(function() {
$("h1").unbind();
});
});
</script>
</head>
<body style="text-align:center;">
<h1 style = "color:red;">Hello World！</h1>
<button>单击</button>
</body>
</html>试试预览效果吧。
网友评论文明上网理性发言 已有0人参与
发表评论: