JQuery中的事件 (六.移除事件)

1.为同一个元素绑定多个事件

<script type="text/javascript"> $(function(){ $('#btn').bind("click", function(){ $('#test').append("<p>我的绑定函数1</p>"); }).bind("click", function(){ $('#test').append("<p>我的绑定函数2</p>"); }).bind("click", function(){ $('#test').append("<p>我的绑定函数3</p>"); }); }) </script> </head> <body> <button id="btn">点击我</button> <div id="test"></div> </body> 2.清除指定注册的事件unbind("click"),和所有注册事件unbind();

<script type="text/javascript"> $(function(){ $('#btn').bind("mouseover", function(){ $('#test').append("<p>我的绑定函数1</p>"); }).bind("click", function(){ $('#test').append("<p>我的绑定函数1</p>"); }).bind("click", function(){ $('#test').append("<p>我的绑定函数2</p>"); }).bind("click", function(){ $('#test').append("<p>我的绑定函数3</p>"); }); $('#delAll').click(function(){ $('#btn').unbind("click"); }); $('#delAll2').click(function(){ $('#btn').unbind(); }); }) </script> </head> <body> <button id="btn">点击我</button> <div id="test"></div> <button id="delAll">删除所有事件</button> <button id="delAll2">删除所有事件2</button> </body>

3.删除指定函数名事件unbind("functionname")

<script type="text/javascript"> $(function(){ $('#btn').bind("click", myFun1 = function(){ $('#test').append("<p>我的绑定函数1</p>"); }).bind("click", myFun2 = function(){ $('#test').append("<p>我的绑定函数2</p>"); }).bind("click", myFun3 = function(){ $('#test').append("<p>我的绑定函数3</p>"); }); $('#delTwo').click(function(){ $('#btn').unbind("click",myFun2); }); }) </script> </head> <body> <button id="btn">点击我</button> <div id="test"></div> <button id="delTwo">删除第二个事件</button> </body> 4.指定事件触发1次

<script type="text/javascript"> $(function(){ $('#btn').one("click", function(){ $('#test').append("<p>我的绑定函数1</p>"); }).one("click", function(){ $('#test').append("<p>我的绑定函数2</p>"); }).one("click", function(){ $('#test').append("<p>我的绑定函数3</p>"); }); }) </script> </head> <body> <button id="btn">点击我</button> <div id="test"></div> </body>