• 0712-2888027 189-8648-0214
    微信公眾號

    孝感風信網絡科技有限公司微信公眾號

    當前位置:主頁 > 技術支持 > Javascript/JQuery > JQuery切換元素的可見狀態,添加樣式/刪除樣式切換代碼

    JQuery切換元素的可見狀態,添加樣式/刪除樣式切換代碼

    時間:2024-03-27來源:風信官網 點擊: 516次
    JQuery切換元素的可見狀態,添加樣式/刪除樣式切換代碼

    toggle() 切換元素的可見狀態。如果元素是可見的,切換為隱藏的;如果元素是隱藏的,切換為可見的。

    示例:

    切換所有段落的可見狀態。

    HTML 代碼:

    <p>Hello</p><p style="display: none">Hello Again</p>

    jQuery 代碼:

    $("p").toggle()

    結果:

    <p tyle="display: none">Hello</p><p style="display: block">Hello Again</p>

    使用示例代碼:

    <script>
    $(document).ready(function(){

        $(".index_nav_box span").toggle(function(){
            //添加樣式
            $(".index_nav").addClass("fadeInUp");    
        }), function(){
            //刪除樣式
            $(".index_nav").removeClass("fadeInUp");    
        });
        
    });
    </script>
    欄目列表
    推薦內容
    熱點內容
    展開
    动漫h精品无码一区二区三区,欧美日韩精品一区二区,午夜麻豆国产精品,加勒比中文字幕无码,亚洲日本va中文字幕区