jQuery的事件绑定类型

1..bind()

.bind()绑定事件的时候,这些元素必须已经存在。

2.on()首选的,最灵活的

3.one()为元素的事件添加处理函数。处理函数在每个元素上每种事件类型最多执行一次。

4..delegate()

undelegate是用来移除使用.delegate()的方式已经绑定的事件处理程序

时间: 2024-10-13 21:54:17

jQuery的事件绑定类型的相关文章

Jquery之事件绑定(bind(),live(),delegate(),on())

1..bind() 描述: 为一个元素绑定一个事件处理程序. .bind()一个基本的用法: $(selector).bind('click', function() { alert('User clicked on "foo."'); }); 可以直接用原生js替代为: $(selector).click( function() { alert('User clicked on "foo."'); }); 在jQuery1.4.3,您现在可以通过传递false代替

对jQuery的事件绑定的一些思考

jQuery的事件绑定 问题 首先我们看下面的一个很常见的事件绑定代码: //example $('#dom').click(function(e){ //do something }); $('#dom2').click(function(e){ //do something }); 这段代码在事件绑定处理上有一些缺陷: 过多的事件绑定会损耗内存 后期生成HTML会没有事件绑定,需要重新绑定 语法过于繁杂 解决方案 对于1.2两点的解决方案,我们首先先了解一下jQuery的事件绑定 jQuer

jquery 动态事件绑定(0512)

jquery动态事件绑定,父元素需为静态元素,(不能是动态生成): $("#parent").on("click","#child",function(){ //.... });

了解JQuery的事件绑定特性和事件命名空间机制,编写更好、更灵活的事件处理代码

JQuery中的bind()和unbind(),提供了事件的绑定和取消机制,既可以绑定html默认支持的事件,也能够绑定自定义的事件.JQuery支持自定义事件,这显然给编程带来了极大的灵活性.下面就一起学习下,jquery事件处理的一些特性. 1.JQuery中事件可以重复绑定,不会覆盖. $("#button1").bind("click",function(){ alert("func1"); }); $("#button1&qu

jQuery得事件绑定

1. 绑定事件 语法 bind(type,data,fn) 描述:为每一个匹配元素得特定事件绑定一个事件处理器函数. 参数解释: type:事件类型 data:作为event.data属性值传递给事件对象得额外数据对象 fn: 绑定到每个元素的事件上面的处理函数 当每个p标签被点击的时候,弹出其文本 $("p").bind("click", function(){ alert( $(this).text() ); }); 你可以在事件处理之前传递一些附加的数据. f

jQuery中事件绑定

一.前言 最近在做项目中要用到jQuery来绑定事件,首先想到的是$(selector).事件名();这样绑定事件的方式,这种方式对事件进行绑定其实也就是bind()方法,但当选择器匹配的元素过多,$(selector).事件名();对每个元素进行迭代绑定,会影响性能.除了这种方式可以绑定事件以外,还有live()(已过期).delegate().on()方法绑定事件,接下来分析一下它们的区别,以及使用哪种方式最值得推荐.由于live()方法已过期,只分析另外三种,欢迎拍砖.吐槽~~~ 二.用法

jquery的事件绑定

jQuery绑定事件的四种方式 jQuery提供了多种绑定事件的方式,每种方式各有其特点,明白了它们之间的异同点,有助于我们在写代码的时候进行正确的选择,从而写出优雅而容易维护的代码.下面我们来看下jQuery中绑定事件的方式都有哪些. jQuery中提供了四种事件监听方式,分别是bind.live.delegate.on,对应的解除监听的函数分别是unbind.die.undelegate.off. bind(type,[data],function(eventObject)) bind是使用

jQuery的事件绑定和解绑

1.绑定事件 $('获取的标签对象').bind('要操作的方法,  {操作的内容  是字典的形式},function(){} ') 语法: bind(type,data,fn) 描述:为每一个匹配元素的特定事件(像click)绑定一个事件处理器函数. 参数解释: type (String) : 事件类型 data (Object) : (可选) 作为event.data属性值传递给事件对象的额外数据对象 fn ( Function) : 绑定到每个匹配元素的事件上面的处理函数 示例: 当每个p

!!!jQuery中事件绑定 推荐使用.delegate()或者live()

jQuery中的.bind()..live()和.delegate()之间区别分析 参考:http://www.jb51.net/article/27309.htm DOM树   首先,可视化一个HMTL文档的DOM树是很有帮助的.一个简单的HTML页面看起来就像是这个样子 事件冒泡(又称事件传播) 当我们点击一个链接时,其触发了链接元素的单击事件,该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行. 复制代码代码如下: $('a').bind('click',function(){al