新版本JQuery中toggle被淘汰后的替代方法

来源：互联网发布：unity3d计算机图形学编辑：程序博客网时间：2024/05/14 22:54

在最新的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：

$(".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了。

阅读全文

0 0