《深化理解jQuery之大事移除_.docx》由会员分享，可在线阅读，更多相关《深化理解jQuery之大事移除_.docx（5页珍藏版）》请在三一文库上搜索。
1、深化理解jQuery之大事移除_ 有时候大事执行完了，想取消大事的效果可以通过肯定的方法来处理。比如bind()方法，可以通过unbind()方法来移除大事的效果。 比如下面的一个案例： 代码如下: 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我的绑
2、定函数3/p); ); ) /script html部分： 代码如下: body button id=btn点击我/button div id=test/div /body 当点击按钮btn时，触发了三个点击大事，这里的append()方法，向div层中传递了三个段落内容。 append() 方法在被选元素的结尾（仍旧在内部）插入指定内容。它与html()方法还是不同的，html()方法是转变整个元素中的内容，而不是向元素结尾插入内容。text()方法与html() 方法类似，但区分在于html()方法中可以写入html的代码，而且可以被正确的解析，而text() 只能当html代码为正常的字
3、符串。 这里每次点击，都会执行一次大事，想div层末尾添加段落。 下面的代码是取消大事效果的，可以通过删除大事，使点击效果失效： 代码如下: 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); ); $(#delAll).click(
4、function() $(#btn).unbind(click); ); ) /script $(#btn).unbind(click);这句代码的作用就是取消元素btn下的click大事。它不仅仅对于bind()方法有效，它对于click()方法同样有效。从某种角度上讲，bind(click,function()与click(function()是等价的。 还可以针对具体的方法，删除特定的大事。 代码如下: script type=text/javascript $(function() $(#btn).bind(click, myFun1 = function() $(#test).app
5、end(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 unbind()方法的其次个参数是大事对应得执行函数的名字，这样执行完后，只有myFun2这个大事被删除了，其他两个click大事正常执行。 还有一种跟bind()方
6、法类似的方法one()，区分也许就是one()方法只执行一次。 为每一个匹配元素的特定大事（像click）绑定一个一次性的大事处理函数。 代码如下: 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 点击后，只执行一次。再次点击不会触发效果。这就是one方法。 以上这篇深化理解jQuery之大事移除就是我分享给大家的全部内容了，盼望能给大家一个参考 .