手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜Qcloud , 注册 | 登陆

jQuery的bind函数

首页 > Javascript >

jQuery学习之bind

在mootools里面,如果要为某个DOM或者HTML标签等绑定一个操作用的是addEvents,移除一个事件的时候用的是removeEvents,在jQuery里面就相对比较简单,直接用bind函数和unbind函数就行了。

例如为一个button添加一个click。可以这样操作 

XML/HTML代码
  1. <input type='button' id='myBtn'>  

这是一个button,现在我们要为他添加一个事件

JavaScript代码
  1. <script>   
  2. $('#myBtn').bind("click",function(){   
  3.     alert('click');   
  4. });   
  5. </script>  

这样,我们就为这个button绑定了一个click的事件。

bind函数可以有三个参数,当第二个参数不是一个函数,而是一个数据对象时,它将默认做为bind第三个参数(函数)的参数。例如:

XML/HTML代码
  1. <script>  
  2. function showAlert(events){   
  3.     alert(events.data.foo);   
  4. }   
  5. $('#myBtn').bind('click',{foo:'click'},showAlert);   
  6. </script>  

点击时,同样会显示:click

这些就是bind的一些基本用法,当然还有一些方法

比如在绑定方法的时候,用的是return false;可以让这个方法失效

 

JavaScript代码
  1. <script>   
  2. $('#myBtn').bind('click',function(){   
  3. return false;   
  4. })   
  5. </script>  

这样,刚才绑定的click又失效了,不过,这种方法往往用在submit提交的时候比较多。

还有一些方法可以取消默认行为和阻止事件起泡:preventDefault 和stopPropagation

例:

JavaScript代码
  1. <script>   
  2. $('#myBtn').bind('click',function(event){   
  3. event.preventDefault();//取消默认的click行为   
  4. });   
  5. $('#myBtn').bind('click',function(event){   
  6. event.stopPropagation();//阻止click事件起泡   
  7. });   
  8.   
  9. </script>  



本站采用创作共享版权协议, 要求署名、非商业和保持一致. 本站欢迎任何非商业应用的转载, 但须注明出自"膘叔", 保留原始链接, 此外还必须标注原文标题和链接.

Tags: jquery

« 上一篇 | 下一篇 »

只显示10条记录相关文章

JQuery -- this 和 $(this) 的区别 (浏览: 68631, 评论: 3)
[转载]超强大的jquery formValidator (浏览: 40054, 评论: 3)
jQuery的html()等方法介绍 (浏览: 37472, 评论: 1)
jQuery插件---获取URL参数 (浏览: 35649, 评论: 1)
将Yiiframework与JQuery easyUI整合使用 (浏览: 27900, 评论: 2)
jQuery一些插件的链接[转] (浏览: 26704, 评论: 2)
取消radio的选中状态 (浏览: 26398, 评论: 1)
推荐一个Jquery插件:autoComplete (浏览: 23910, 评论: 0)
取得html中的comment的内容 (浏览: 23546, 评论: 1)
JQuery学习第一天 (浏览: 23047, 评论: 3)

1条记录访客评论

DFSDF

Post by SDF on 2010, March 14, 3:28 PM 引用此文发表评论 #1


发表评论

评论内容 (必填):