unbind()方法 函数

首页 / jQuery / unbind([type],[fn])

unbind([type],[fn])方法的作用与bind相反,它从每个匹配的元素中删除绑定事件。

unbind( [type], [fn] ) - 语法

selector.unbind( [type], [fn] )

这是此方法使用的所有参数的描述-

  • type    -  一种或多种事件类型,以空格分隔。

    无涯教程网

  • fn       - 取消与每个匹配元素上的事件绑定的函数。

unbind( [type], [fn] ) - 示例

以下是一个简单的示例,简单说明了此方法的用法-

链接:https://www.learnfk.com/jquery/events-unbind.html

来源:LearnFk无涯教程网

<html>
   <head>
      <title>The jQuery Example</title>
      <script type="text/javascript" 
         src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
		
      <script type="text/javascript" language="javascript">
         $(document).ready(function() {

            function aClick() {
               $("div").show().fadeOut("slow");
            }
				
            $("#bind").click(function () {
               $("#theone").click(aClick).text("Can Click!");
            });
				
            $("#unbind").click(function () {
               $("#theone").unbind('click', aClick).text("Does nothing...");
            });
				
         });
      </script>
		
      <style>
         button { margin:5px; }
         button#theone { color:red; background:yellow; }
      </style>
   </head>
	
   <body>
      <button id="theone">Does nothing...</button>
      <button id="bind">Bind Click</button>
      <button id="unbind">Unbind Click</button>
		
      <div style="display:none;">Click!</div>
   </body>
</html>

这将产生以下输出-

这一章《jQuery - Events - unbind()方法 函数》你学到了什么?在下面做个笔记吧!做站不易,你的分享是对我们最大的支持

相关文章

深入浅出区块链 -〔陈浩 - 40讲〕

持续交付36讲 -〔王潇俊 - 42讲〕

Vim 实用技巧必知必会 -〔吴咏炜 - 25讲〕

Spark核心原理与实战 -〔王磊 - 60讲〕

在页面加载之间保持变量

使用 Webpack 将 jQuery 公开给真实的 Window 对象

用布尔值隐藏/显示元素

在 textarea 输入中美化 json 数据

如何使用 jQuery 获取当前时间

bootstrap 模式:关闭当前,打开新

视频推荐〔jQuery-20-表单属性过滤器例子〕

更多视频 »
好记忆不如烂笔头。留下你的足迹吧 :)