jQuery如何实现移除特定元素的事件绑定？
- 内容介绍
- 相关推荐
本文共计1153个文字，预计阅读时间需要5分钟。
在绑定事件的过程中，不仅可以为一个元素绑定多个事件，也可以为多个元素绑定同一事件。例如，假设网页上有一个按钮元素，以下代码展示了如何为该按钮绑定多个相同的事件：
在绑定事件的过程中，不仅可以为同一个元素绑定多个事件，也可以为多个元素绑定同一个事件。假设网页上有一个<button>元素，使用以下代码为该元素绑定多个相同的事件。
<script type="text/javascript"> $(function(){ $('#btn').bind("click", function(){ $('#test').append("<p>我的绑定函数1</p>"); }).bind("click", function(){ $('#test').append("<p>我的绑定函数2</p>"); }).bind("click", function(){ $('#test').append("<p>我的绑定函数3</p>"); }); }) </script> <body> <button id="btn">点击我</button> <div id="test"></div> </body>
当单击按钮后，会出现如上图所示的效果。
1. 移除按钮元素上所有注册的事件
添加一个移除事件的按钮。
本文共计1153个文字，预计阅读时间需要5分钟。
在绑定事件的过程中，不仅可以为一个元素绑定多个事件，也可以为多个元素绑定同一事件。例如，假设网页上有一个按钮元素，以下代码展示了如何为该按钮绑定多个相同的事件：
在绑定事件的过程中，不仅可以为同一个元素绑定多个事件，也可以为多个元素绑定同一个事件。假设网页上有一个<button>元素，使用以下代码为该元素绑定多个相同的事件。
<script type="text/javascript"> $(function(){ $('#btn').bind("click", function(){ $('#test').append("<p>我的绑定函数1</p>"); }).bind("click", function(){ $('#test').append("<p>我的绑定函数2</p>"); }).bind("click", function(){ $('#test').append("<p>我的绑定函数3</p>"); }); }) </script> <body> <button id="btn">点击我</button> <div id="test"></div> </body>
当单击按钮后，会出现如上图所示的效果。
1. 移除按钮元素上所有注册的事件
添加一个移除事件的按钮。