<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="file:///E|/课程视频/0103Jquery/Jquery/jquery-1.11.2.min.js"></script>
</head>
<body>
<input type="button" value="测试" onclick="test()" />
<input type="button" value="测试2" id="btn" />
<input type="button" value="测试3" class="btn" />
<input type="button" value="测试4" class="btn" />
<input type="button" value="测试5" class="btn" />
<input type="button" value="挂事件" id="gua" />
<input type="button" value="测试事件" id="ceshi" />
<input type="button" value="移除事件" id="yichu" />
</body>
<script type="text/javascript">
function test()
{
alert("aa");
}
$(document).ready(function(e) {
$("#btn").click(function(){
alert("第二个按钮");
})
$(".btn").click(function(){
//alert("事件加上了");
alert($(this).val());
})
//点击给测试事件按钮挂一个事件
$("#gua").click(function(){
//bind方法用于挂事件
$("#ceshi").bind("click",function(){
alert("挂上了事件");
});
})
//点击给测试事件按钮移除点击事件
$("#yichu").click(function(){
$("#ceshi").unbind("click");
})
});
</script>
</html>
时间： 2024-10-10 15:59:47