jQuery 事件 - die() 方法 实例详解
jQuery 2022-06-01 12:07:2014小码哥的IT人生shichen
jQuery 事件 - die() 方法
实例
移除所有通过 live() 方法向 p 元素添加的事件处理程序：
$("p").die();完整实例：
<html> <head> <script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").live("click",function(){ $(this).slideToggle(); }); $("button").click(function(){ $("p").die(); }); }); </script> </head> <body> <p>这是一个段落。</p> <p>这是另一个段落。</p> <p>请点击任意 p 元素，段落会消失。包括本段落。</p> <button>移除通过 live() 方法向 p 元素添加的事件处理程序</button> </body> </html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
die() 方法移除所有通过 live() 方法向指定元素添加的一个或多个事件处理程序。
语法
$(selector).die(event,function)| 参数 | 描述 |
|---|---|
| event |
必需。规定要移除的一个或多个事件处理程序。 由空格分隔多个事件值。必须是有效的事件。 |
| function | 可选。规定要移除的特定函数。 |
亲自试一试 - 实例
完整实例【移除通过 live() 添加的特定函数】：
<html> <head> <script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script> <script type="text/javascript"> function changeSize() { $(this).animate({fontSize:"+=3px"}); } function changeColor() { $(this).animate({letterSpacing:"+=2px"}); } $(document).ready(function(){ $("p").live("click",changeSize); $("p").live("click",changeColor); $("button").click(function(){ $("p").die("click",changeSize); }); }); </script> </head> <body> <p>这是一个段落。</p> <p>这是另一个段落。</p> <p>点击任意 p 元素可以增加尺寸和字间距。包括该段落。</p> <button>移除通过 live() 方法为 p 元素添加的 changeSize() 事件处理器</button> </body> </html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
如何使用 live() 方法移除事件处理程序的特定函数。
