溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“jquery如何取消live事件”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“jquery如何取消live事件”吧！
jquery中，可用die()方法來取消live事件，該方法可移除通過live()方法綁定的指定事件，語法“$(selector).die("事件名","處理函數名")”；die()方法的兩個參數都可省略，這樣可移除所有綁定的live事件。
本教程操作環境：windows7系統、jquery1.7.0版本、Dell G3電腦。
使用die() 方法取消live事件。
die() 方法移除通過 live() 方法向被選元素添加的一個或多個事件處理程序。
簡單來說，die() 方法可移除通過live()方法綁定的指定事件。
語法：
$(selector).die(event,function)
| 參數 | 描述 |
|---|---|
| event | 可選。規定要移除的一個或多個事件處理程序。 由空格分隔多個事件值。必須是有效的事件。 |
| function | 可選。規定要移除的特定函數。 |
注意：die() 方法在 jQuery 版本 1.7 中被廢棄，在版本 1.9 中被移除。
示例1：移除所有通過 live() 方法向 <p> 元素添加的事件處理程序
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://apps.bdimg.com/libs/jquery/1.7.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("p").live("click", function() {
$(this).slideToggle();
});
$("button").click(function() {
$("p").die();
});
});
</script>
</head>
<body>
<p>這是一個段落。</p>
<p>這是另外一個段落。</p>
<p>點擊任意一個段落，使其消失。</p>
<button>移除click事件</button><br><br>
<div>p 元素的click事件通過 live() 方法來添加</div>
</body>
</html>
示例2：使用 die() 方法從被選元素中只移除一個指定的事件處理程序
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://apps.bdimg.com/libs/jquery/1.7.0/jquery.min.js"></script>
<script>
function changeSize() {
$(this).animate({
fontSize: "+=3px"
});
}
function changeSpacing() {
$(this).animate({
letterSpacing: "+=2px"
});
}
$(document).ready(function() {
$("p").live("click", changeSize);
$("p").live("click", changeSpacing);
$("button").click(function() {
$("p").die("click", changeSize);
});
});
</script>
</head>
<body>
<p>這是一個段落。</p>
<p>這是另外一個段落。</p>
<p>點擊任意一個段落，放大字體。</p>
<button>移除事件句柄 changeSize()，p 元素的click事件通過 live() 方法來添加。</button><br><br>
</body>
</html>
感謝各位的閱讀，以上就是“jquery如何取消live事件”的內容了，經過本文的學習后，相信大家對jquery如何取消live事件這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
