
如果没有提供参数,则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>点击任何地方之前:

点击元素h1后:

点击按钮后,事件将无效:

效果图:

以上就是jQuery的unbind()方法怎么用?的详细内容,更多请关注易知道|edz.cc其它相关文章!













