jquery升级换代
2014-05-07 14:53
99 查看
其实从去年开始1.9以上新版的jquery已不再支持toggle方法和live方法。
live用on方法替代。
话说这个方法确实挺方便的,那么怎么交替点击呢,html的checked属性我觉得不是很好用,用css中的display:none的字符串比较更是避免不了中间过渡时候状态出错。
其实jquery还有一个伪属性
:visible
用is方法来判断 :visible的状态是否为真即可
例如
用on绑定点击事件。
现在流行对象属性的时髦写法
on不仅替代了live,还整合了delegate 事件委托
事件委托的好处:当页面上某个元素上的事件触发时,在 DOM 继承关系上,这个元素的所有子元素也能接收到这个事件,这时你可以使用一个在父元素上的事件处理器来处理(事件委托来处理),而不是使用一堆的各个子元素上的事件监听器来处理(绑定就是建立监听器);
live用on方法替代。
话说这个方法确实挺方便的,那么怎么交替点击呢,html的checked属性我觉得不是很好用,用css中的display:none的字符串比较更是避免不了中间过渡时候状态出错。
其实jquery还有一个伪属性
:visible
用is方法来判断 :visible的状态是否为真即可
例如
$("#id").on('click',function(){ if($("#id a").is(":visible")){ $("#id a").css({display:"none"}); }else{ $("#id a").css({display:"block"}); } });
用on绑定点击事件。
现在流行对象属性的时髦写法
$("#id").on({ click:function(){ } mouseenter:function(){ } mouseleave:function(){ } });
on不仅替代了live,还整合了delegate 事件委托
$(function(){ $('body').on('click','.id',function(e){ alert("click"); }); $("<div class='id'>appen one div</div>").insertAfter("#id_0"); });
事件委托的好处:当页面上某个元素上的事件触发时,在 DOM 继承关系上,这个元素的所有子元素也能接收到这个事件,这时你可以使用一个在父元素上的事件处理器来处理(事件委托来处理),而不是使用一堆的各个子元素上的事件监听器来处理(绑定就是建立监听器);
相关文章推荐
- 从jQuery版本升级注意事项(主要是从1.1升级到1.2之后)
- jQuery 1.9升级指南
- 解决 jQuery 版本升级过程中出现 toLowerCase 错误 --更改 doctype
- 关于 JQuery 升级的问题
- 域名注册换代升级成趋势 新技术成域名安全保障
- jQuery1.3.2 升级到jQuery1.4.4需要修改的地方
- attr在升级jquery1.9遇到的问题
- SSH2项目升级Struts2和Jquery的流程
- 检测浏览器版本并升级jQuery插件
- 对之前写的jquery分页做下升级
- jQuery1.9+ 废弃的函数和方法 升级Jquery版本遇到的问题
- jquery1.7升级到jquery1.3之后的live怎么使用
- phpcms v9中jquery.sgallery插件升级到soChange
- “互联网+”:是对传统产业不是颠覆,而是换代升级
- jQuery1.6.1下event鼠标事件有BUG,升级到1.7.1可以解决问题。
- jQuery Core 3.0升级指南
- jQuery1.9+ 废弃的函数和方法 升级Jquery版本遇到的问题
- FineUIPro v5.2.0已发布(jQuery升级,自定义图标,日期控件)
- jQuery1.9+ 废弃的函数和方法 升级Jquery版本遇到的问题
- jQuery 1.9升级指南