关于Jquery时间绑定问题

问题描述

请问.bind().live().delegate().on的区别。还有什么优劣势~求大神说的易懂一点~

解决方案

解决方案二:
1:bind支持动态绑定,假设要绑定的事件是动态的(一个字符串例如“click”),你无法写成xx."click",当然一堆if和else可以解决这个问题,但是代码冗余。2:live本质是把事件绑定到顶级dom对象上,貌似是document吧,然后再根据js的事件冒泡特性判断事件源来决定事件是否触发,特点就是动态新增的dom不需要重新注册事件,性能上稍微损失但几乎可以忽略。3:delegate可以循环执行两个不同的事件,这种应用还是很常用的,当然你可以自己写个方法来实现也可以。4:on未知
解决方案三:
on在jQuery1.9后代替live,live被取消了

时间: 2024-11-01 10:23:58

关于Jquery时间绑定问题的相关文章

jQuery时间轴插件使用详解_jquery

这个时间轴是工作上用到的,自己写了一个, qq空间有时间轴的控件, 百度文库也有时间轴的控件: 百度的时间轴大概是这样的: 用户点击对应的锚链接,  那个三角会滚动, 然后左侧的界面也会滚动: 实际的效果如下图,用户点击左侧的按钮或者右侧的input,滚动条都会主动滚动, 这里有个小技巧就是用after和before伪类生成三角形, 用户点击按钮的滚动效果直接用jq的animate方法: <!-- //设置内容; window.onWebMessage( '{"type":&qu

Jquery时间验证和转换工具小例子

这篇文章介绍了Jquery时间验证和转换工具小例子,有需要的朋友可以参考一下   复制代码 代码如下: var TimeObjectUtil; /** * @title 时间工具类 * @note 本类一律违规验证返回false * @author {boonyachengdu@gmail.com} * @date 2013-07-01 * @formatter "2013-07-01 00:00:00" , "2013-07-01" */ TimeObjectUt

JQuery调用绑定click事件的3种写法

 这篇文章主要介绍了JQuery调用绑定click事件的3种写法,本文简洁清晰的给出3种写法的代码示例,可以很方便的复制使用,需要的朋友可以参考下     第一种方式: ? 1 2 3 4 $(document).ready(function(){ $("#clickme").click(function(){ alert("Hello World click"); }); 第二种方式: ? 1 2 3 $('#clickmebind').bind("cl

JQuery中绑定事件(bind())和移除事件(unbind())

 本文主要向大家详细介绍了jQuery的绑定事件和移除事件的使用方法和示例分享,这里推荐给有需要的小伙伴们参考下.     有时候事件执行完了,想取消事件的效果可以通过一定的办法来处理.比如bind()(绑定事件)和unbind()(移除通过bind()方法添加的事件)方法来移除事件的效果. 比如下面的一个案例:   代码如下: <script type="text/javascript"> $(function(){ $('#btn').bind("click&

jQuery事件绑定和委托实例_jquery

本文实例讲述了jQuery事件绑定和委托.分享给大家供大家参考.具体方法如下: jQuery事件的绑定和委托可以用多种方法实现,on()  . bind()  . live()  . delegate() ,还有one().   有时我们可能会像下面这样绑定一个事件: 复制代码 代码如下: $("#div1").click(function() {      alert("点击后触发");  }); 上面的事件绑定,我们可以通过多种方式去实现:  1. on() 复

跪求 jquery时间轴插件

问题描述 跪求 jquery时间轴插件 360跪求...谁知道有哪些时间轴可以做出这种效果的,谢谢了 解决方案 maybe echarts? 解决方案二: 不是.你说的那个是图形化插件,我要是的时间轴(就是下面一行时间,然后上面显示做的事情) 解决方案三: http://www.oschina.net/news/60906/jquery-timeline%20-plugins http://www.17sucai.com/pins/6558.html

jquery ajax-Jquery绑定方法怎样用

问题描述 Jquery绑定方法怎样用 Jquery怎样绑定,就是鼠标放上去背景色变,移除背景色变.最后要解除绑定. 解决方案 <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script> <a href="#" id="a">鼠标放上来</a> <script> $('#a').mous

jquery 时间控件-关于jquery时间控件位置放在第一个的问题?

问题描述 关于jquery时间控件位置放在第一个的问题? 日期的输入框放在的div里面的第一个,当页面用dialog弹出这个div时,输入框自动获取到焦点,然后就控件就自己跳出来了.如何处理让弹出这个div时,时间控件没有自己弹出来? 解决方案 时间控件的问题 解决方案二: .bind('focus', function(e) {e.preventDefault();}); 试试这个看看 屏蔽默认的获取焦点事件. 解决方案三: 浏览器不会自动给控件设置焦点的,你肯定是用js设置了焦点,将代码去掉

jQuery事件绑定用法详解_jquery

本文实例讲述了jQuery事件绑定.分享给大家供大家参考,具体如下: style.css *{margin:0;padding:0;} body { font-size: 13px; line-height: 130%; padding: 60px } #panel { width: 300px; border: 1px solid #0050D0 } .head { padding: 5px; background: #96E555; cursor: pointer } .content {