die()方法加上live()方法, 为选定的元素删除一个或多个事件处理程序。
【jQuery die()方法用法和介绍】语法如下:
$(selector).die(event, function)
参数:
- 事件:指定要删除的一个或多个事件处理程序。多个有效事件值以空格分隔。
- 功能:它用于指定要删除的功能。
<
!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 >
在单击段落之前:
文章图片
单击该段后:
文章图片
推荐阅读
- 算法设计(分段筛(打印范围内的素数))
- jQuery param()方法用法和介绍
- 算法(二进制字符串中具有奇数十进制值的子字符串数)
- android 安卓 listview 支持下拉刷新 上拉加载更多
- NDK开发 从入门到放弃(七(Android Studio 2.2 CMAKE 高效NDK开发))
- Android Camera开发讲解
- 制作网页的Android客户端
- 如何将Android Studio项目提交(更新)到github
- [Android Pro]ScrollView使用fillViewport设置高度为MatchParent