极客教程jQuery die()方法
die()方法与live()方法一起加入，删除一个或多个事件处理程序，为选定的元素。
语法:
$(selector).die(event, function)
参数:
- event。指定一个或多个要删除的事件处理程序。多个有效的事件值用空格分隔。
- function。它用于指定要删除的函数。
示例-1:
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/1.7/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>
<center>
<p style="color:green;">
Geeks for geeks.
</p>
<button>
added with the live() method,
Remove the event handler changeSize(),
for p elements
</button>
</center>
</body>
</html>
输出:
在点击该段之前：
点击该段后：。
示例-2:
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
</script>
<script>
function changeSize() {
(this).animate({
fontSize: "+=3px"
});
}
function changeSpacing() {
(this).animate({
letterSpacing: "+=2px"
});
}
(document).ready(function() {
("h1").live("click", changeSize);
("h1").live("click", changeSpacing);
("button").click(function() {
$("h1").die("click", changeSize);
});
});
</script>
</head>
<body>
<div>
<center>
<h1>welcome to GFG</h1>
</center>
</div>
<center>
<button>click here</button>
</center>
</body>
</html>
在点击该段之前：
点击该段后：。
