html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8"> 5
<title>时代Java与您共同学习(NowJava.com)</title> 6
<script src="https://cdn.staticfile.org/jquery/1.8.3/jquery.min.js">7
</script>8
<script>9
$(document).ready(function(){10
$("p.test1").on("click",function(){11
$(this).css("background-color","pink");12
});13
$("#btn1").click(function(){14
$("p.test1").off();15
});16
$("p.test2").live("click",function(){ // live()方法在Jquery 1.9中已经移除17
$(this).css("background-color","yellow");18
});19
$("#btn2").click(function(){20
$("p.test2").die();21
});22
});23
</script>24
</head>25
<body>26
27
<h4 style="color:green;">该事件演示了如何使用 off() 和 die() 方法来达到相同的效果。</h4>28
29
<p class="test1">点击段落修改背景颜色。</p>30
<p class="test1">点击以下按钮再点击这个段落 ( click 事件被移除)。</p>31
32
<button id="btn1">使用 off() 方法移除 click 事件</button>33
34
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java