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

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