在开发中，有时候需要动态绑定一些事件，不用之后要解绑事件，如何做呢？
1，绑定
function test() {
var btn = $("#btn");
btn.bind("click", function() {
alert("点我干什么" + Math.random());
})
// btn.one("click", function() {
// alert("我只被触发一次" + Math.random());;
//
});
}
2，解绑
function testUn() {
var btn = $("#btn");
btn.unbind("click");
}
3，触发
function testCf() {
var btn = $("#btn");
btn.click();
}
4，JQ绑定
function testBd() {
$("#btn").click(function() {
alert(":哈哈哈哈哈");
});
}
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
function test() {
var btn = $("#btn");
btn.bind("click", function() {
alert("点我干什么" + Math.random());
});
// btn.one("click", function() {
// alert("我只被触发一次" + Math.random());;
// });
}
function testUn() {
var btn = $("#btn");
btn.unbind("click");
}
function testCf() {
var btn = $("#btn");
btn.click();
}
function testBd() {
$("#btn").click(function() {
alert(":哈哈哈哈哈");
});
</script>
</head>
<body>
<h1>操作事件</h1>
<input type="button" value="测试事件(添加)" onclick="test();" />
<input type="button" value="测试事件(解绑)" onclick="testUn();" />
<input type="button" value="测试事件(触发)" onclick="testCf();" />
<input type="button" value="测试事件(绑定)" onclick="testBd();" />
<hr />
<input type="button" value="点我啊" id="btn" />
</body>
</html>