
正文
jquerylive原理,jqueryevent
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
Jquery中bind和live的区别
1、bind会在事件在绑定阶段bind时就会判断绑定事件的对象target是否存在,而且只针对当前元素进行绑定,而不是绑定到父节点上。以下举例。按钮1会触发bind和live的绑定事件。按钮2会触发live的绑定事件。
2、bind()方法为每个匹配元素的特定事件绑定事件处理函数。bind()方法的底层逻辑是on()方法。 .bind() 方法是用于往文档上附加行为的主要方式。
3、本身两个提供的功能并不完全一样,正如文档中说的,.bind()只能对已有的元素绑定事件,而.live()能对未来插入的元素绑定事件。
4、与bind()不同的是,live()一次只能绑定一个事件。这个方法跟传统的bind很像,区别在于用live来绑定事件会给所有当前以及将来在页面上的元素绑定事件(使用委派的方式)。
5、比如已废弃的 delegate() 方法)。live():$(selector).live(event,data,function),其中event必需。规定附加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。
相关问答
Q1: jquery中on()方法和live()方法的区别
bind()方法为每个匹配元素的特定事件绑定事件处理函数。bind()方法的底层逻辑是on()方法。 .bind() 方法是用于往文档上附加行为的主要方式。
点击div下面的P执行alert;而on是在7之后新增的,是把bind,live,delegate全部合并在一起了,123$(div).on(click,p,function(){ alert(1); })不需要事件委托的时候把P去掉就会变成点击div触发了。
大括号替代方式:绑定较为灵活,可以给事件单独绑定函数;data:可选;需要传递的参数;function:必需;当绑定事件发生时,需要执行的函数;适用所有版本,但是根据官网解释,自从jquery7版本以后bind()函数推荐用on()来代替。
这里说明on与live这俩方法的区别,on方法是在JQuery9中出现的,来代替live的,所以如果你的JQuery包版本较低的话就用live方法。
)差些;bind()支持Jquery所有版本;live()支持jquery8-;delegate()支持jquery2+;on()支持jquery7+。结论:如果项目中引用的jquery版本为低版本,推荐用delegate(),如果是高版本jquery则建议用on()。
Q2: jQuery事件绑定方法bind,live,delegate和on的区别
大括号替代方式:绑定较为灵活,可以给事件单独绑定函数;data:可选;需要传递的参数;function:必需;当绑定事件发生时,需要执行的函数;适用所有版本,但是根据官网解释,自从jquery7版本以后bind()函数推荐用on()来代替。
bind()方法为每个匹配元素的特定事件绑定事件处理函数。bind()方法的底层逻辑是on()方法。 .bind() 方法是用于往文档上附加行为的主要方式。
如果使用on的时候,不设置selector,那么on与bind就没有区别了。(2)on绑定的事件处理函数,对于未来新增的元素一样可以的,和delegate效果相同,而bind则不行。
Q3: jQuery内置的几种动画样式
1、让我们先来看看jQuery内置的几种动画样式:show / hide直接以无参数形式调用show()和hide(),会显示和隐藏DOM元素。
2、HTML5 Canvas实现会跳舞的时间动画这款HTML5动画非常有意思,首先它的原型是一个时钟,但是canvas技术的使用,让这个时钟没走动一秒都会产生圆球散落的动画特效,非常的酷。
3、操作一个元素执行3秒的淡入动画,对比下一下2组动画设置的区别。(elem).fadeOut(3000) $(elem).animate({ opacity:0},3000)显而易见,animate方法更加灵活了,可以精确的控制样式属性从而执行动画。
Q4: jQuery内部原理和实现方式浅析
基础版jQuery插件知道了上面这些知识,我们就可以来写一个简单的jQuery插件。
本书共分为四大部分,首先介绍了jQuery的总体架构,然后分别分析了构造jQuery对象模块、底层支持模块和功能模块的源码实现。
解决跨域请求的方式有很多,这里只说一下jquery的jsop方式及其原理。
Q5: jQuery中关于live()方法如何对hover事件的处理详解
jQuery提供一些方法(如:toggle)将两种事件效果合并到一起,比如:mouseover、mouseout;keyup、keydown等hover函数hover(over,out)一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。
live() 方法能对一个还没有添加进DOM的元素有效,是由于使用了事件委托:绑定在祖先元素上的事件处理函数可以对在后代上触发的事件作出回应。
事件了(映射到更合适,并且可以冒泡的focusin和focusout上)。另外,在jQuery 1中,也能支持hover(映射 到mouseenter mouseleave)。(2)live() 并不完全支持通过DOM遍历的方法找到的元素。
bind()方法为每个匹配元素的特定事件绑定事件处理函数。bind()方法的底层逻辑是on()方法。 .bind() 方法是用于往文档上附加行为的主要方式。
jquerylive原理的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于jqueryevent、jquerylive原理的信息别忘了在本站进行查找喔。





