JQuery：toggle時間被淘汰之後的替代方法分享

在最新的JQuery的程式庫中jquery-2.2.3.js中已經有好幾個函數被替換到了。應該說版本過1.8或1.9就淘汰了。 

如：

1. .live() 1.9以上淘汰。 替代函數：.on()。

2. .die() 1.9以上被淘汰。 替代函數：.off()。

3. .size() 1.8以上被淘汰。替代函數：.length。

4. .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 i=0;
        $(".one .top").click(function() {
            if(i==0){
                 $(".content").hide("slow");
                 $(".iocn").addClass("jia");
                 i=1;
            }else  {
                 $(".content").show(1500);
                 $(".iocn").addClass("jian");
                 i=0;
            }

        });

 這樣就ok了。

以上是JQuery：toggle時間被淘汰之後的替代方法分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！