美文网首页
js之toggle方法

js之toggle方法

作者: 青春前行 | 来源:发表于2017-07-09 20:27 被阅读0次

    toggle方法已经被jquery1.8之后所抛弃,所以我们在用toggle实现元素的隐藏和显示时不能直接用toggle()【要么使用1.8之前的jquery,要么替代】
    替代:
    html页面
    <pre>
    <p>显示与隐藏</p>
    <button>请点击这里</button>
    <script>
    var i =0;
    $("button").click(function(){
    if(i==0){
    $('p').hide();
    i=1;
    }
    else{
    $('p').show();
    i=0;
    }
    })
    </script>
    </pre>
    还有一种方法是判断其css中的display是否为none(在开始定义p的显示)
    <pre>
    html页面:
    <p style="display: block;">显示与隐藏</p>
    <button>请点击这里</button>
    $("button").click(function(){
    if($("p").css("display")=="none"){
    $('p').show();
    }
    else{
    $('p').hide();
    }
    })
    </pre>

    相关文章

      网友评论

          本文标题:js之toggle方法

          本文链接:https://www.haomeiwen.com/subject/ixrehxtx.html