新版本JQuery中toggle被淘汰后的替代方法
2017-06-13 17:19
501 查看
在最新的jQuery的程序库中jQuery-2.2.3.js中已经有好几个函数被替换到了。应该说版本过1.8或1.9时就淘汰了。
如:
.live() 1.9以上被淘汰。 替代函数:.on()。
.die() 1.9以上被淘汰。 替代函数:.off()。
.size() 1.8以上被淘汰。替代函数:.length。
.toggle() 1.8以上被淘汰。
对于toggle,一般都会用if进行替换。
如正常用toggle:
替换方法一:
当然上面的替换方法有局限性。替换方法二:if语句。
这样就OK了。
如:
.live() 1.9以上被淘汰。 替代函数:.on()。
.die() 1.9以上被淘汰。 替代函数:.off()。
.size() 1.8以上被淘汰。替代函数:.length。
.toggle() 1.8以上被淘汰。
对于toggle,一般都会用if进行替换。
如正常用toggle:
$(".one .top").toggle( function (){ $(".content").show(1500); $(".iocn").addClass("jian"); }, function (){ $(".content").hide("slow"); $(".iocn").addClass("jia"); } );
替换方法一:
$(".one .top").click(function() { if($(".content").css("display")=="none"){ $(".content").show(1500); $(".iocn").addClass("jian"); }else { $(".content").hide("slow"); $(".iocn").addClass("jia"); } });
当然上面的替换方法有局限性。替换方法二:if语句。
var state=0; $(".one .top").click(function() { if(state==0){ $(".content").hide("slow"); $(".iocn").addClass("jia"); state=1; }else { $(".content").show(1500); $(".iocn").addClass("jian"); state=0; } });
这样就OK了。
相关文章推荐
- JQuery中toggle被淘汰后的替代方法
- JQuery2.2.3版本中toggle被淘汰后的替代方法
- JQuery中toggle被淘汰后的替代方法
- jquery新版本不支持toggle()的解决方法
- jQuery 1.9较之前版本的变化,主要介绍移除方法的替代方法:.browser、.live、.die、.sub、.toggle
- jquery 1.9以上新版本不支持toggle()的解决方法
- jQuery的addClass,removeClass和toggleClass方法
- jquery中交替点击事件toggle方法的使用示例
- jQuery的toggle()方法
- jquery新版本jquery1.10不再支持live方法
- JQuery入门——事件切换之toggle()方法
- jQuery1.9新版变化之:toggle()方法
- jQuery1.9+中删除了live以后的替代方法
- [转载]jQuery 1.9 移除了 $.browser 的替代方法获取浏览器类型
- 关于较新版本JQUERY的Load方法会为页面引用文件自动附加时间戳参数阻止它缓存的解决方案.
- 页面元素绑定jquery toggle后元素隐藏的解决方法
- jquery toggle方法
- jQuery 1.9中移除了 toggle() 方法
- 很实用的jQuery事件 - toggle() 方法
- jQuery 1.9 移除了 $.browser 的替代方法