javascript - jq2 里没有toggle方法了，有什么好的替代吗

问题描述

问 题

jq2 里没有toggle方法了，有什么好的替代吗，还有事件解绑用哪个

解决方案

用hasClass/addClass/removeClass或attr标记状态实现toggle切换

<button id="animate" status="0">animate</button>
<div id="block">Hello World</div>

$("#animate").click(function(){
    if(!$(this).hasClass("clicked")) {
        $(this).addClass("clicked");
        $("#block").animate({"font-size": "10em"}, 1000, "linear", function(){console.log("complete");});
    } else {
        $(this).removeClass("clicked");
        $("#block").animate({"font-size": "1em"}, 1000, "linear", function(){console.log("complete");});
    }
});

$("#animate").click(function(){
    if($(this).attr("status") == 0) {
        $(this).attr("status", 1);
        $("#block").animate({"font-size": "10em"}, 1000, "linear", function(){console.log("complete");});
    } else {
        $(this).attr("status", 0);
        $("#block").animate({"font-size": "1em"}, 1000, "linear", function(){console.log("complete");});
    }
});

这篇关于javascript - jq2 里没有toggle方法了，有什么好的替代吗的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！