jQuery的unbind()方法怎么用?

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>

点击任何地方之前:

e6dba09f7c080ba00c668ed96016473.png

点击元素h1后:

49c3856f935d6555a122127bdd39271.png

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

df734ab76fedf376dcd4a7131f83f37.png

效果图:

1.gif

以上就是jQuery的unbind()方法怎么用?的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » jQuery 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏