<div id="demo"> <a href="javascript:;" class="link1">事件测试</a> <a href="javascript:;" class="unbind">解绑事件</a> </div> <script type="text/javascript"> $("#demo").on('click', '.link1', function(event) { console.log(1111); }); $("#demo").on('click', '.link1', myFun2=function(event) { console.log(222); }); $(".unbind").click(function(event) { // .off()第2个参数不再是要解绑的元素对象，而是绑定事件时，为事件匿名函数指定变量(此变量指向点击事件的函数 ) $("#demo").off("click",myFun2); }); </script>

<div id="demo"> <a href="javascript:;" class="link1">事件测试</a> <a href="javascript:;" class="unbind">解绑事件</a> </div> <script type="text/javascript"> $("#demo").on('click.test', '.link1', function(event) { console.log(1111); }); $("#demo").on('click', '.link1', function(event) { console.log(222); }); $("#demo").on('mouseover.test', '.link1', function(event) { console.log(333); }); $(".unbind").click(function(event) { // 第1个参数不再是要解绑的事件类型，而是之前为要解绑事件指定的命名空间.test $("#demo").unbind(".test"); }); </script>