您的位置：首页 > Web前端 > JQuery

jQuery基础----04jQuery选择器和事件-事件之绑定、解除绑定事件

2015-08-16 14:45 791 查看

<!DOCTYPE html>
<!--jQuery选择器和事件-事件之绑定、解除绑定事件-->
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="jquery-2.1.4.min.js"></script>
<script src="js04.js"></script>
</head>
<body>
<button id="mybtn">点击我</button>

</body>
</html>
js:

/**
* Created by hao on 2015/8/15.
*/
$(document).ready(function () {
//click严重消耗内存
//$("#mybtn").click(function () {
//    alert("执行了")
//})
//    用绑定和接触解除做监听事件
//    一个按钮添加多个监听监听事件
//    $("#mybtn").bind("click", myclick1);
//    $("#mybtn").bind("click", myclick2);
//    //解除第一个绑定
//    //$("#mybtn").unbind("click", myclick1);
//    //解除所有绑定
//    $("#mybtn").unbind("click");
//
//    //方法1
//    function myclick1(e) {
//        //alert("绑定")
//        console.log("myclick1");
//    }
//
//    //方法2
//    function myclick2(e) {
//        //alert("绑定")
//        console.log("myclick2");
//    }
//    ________________________________________
//    在jquery1.7之后用on方法代替bind,off代替unbind
$("#mybtn").on("click", myclick1);
$("#mybtn").on("click", myclick2);
//解除第一个绑定
$("#mybtn").unbind("click", myclick1);
//解除所有绑定
//$("#mybtn").unbind("click");

//方法1
function myclick1(e) {
//alert("绑定")
console.log("myclick1");
}

//方法2
function myclick2(e) {
//alert("绑定")
console.log("myclick2");
}

});

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航