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

孝感風(fēng)信網(wǎng)絡(luò )科技有限公司微信公眾號

當前位置:主頁(yè) > 技術(shù)支持 > Javascript/JQuery > JQuery切換元素的可見(jiàn)狀態(tài),添加樣式/刪除樣式切換代碼

JQuery切換元素的可見(jiàn)狀態(tài),添加樣式/刪除樣式切換代碼

時(shí)間:2024-07-19來(lái)源:風(fēng)信官網(wǎng) 點(diǎn)擊: 639次
JQuery切換元素的可見(jiàn)狀態(tài),添加樣式/刪除樣式切換代碼

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

示例:

切換所有段落的可見(jiàn)狀態(tài)。

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>

您可能感興趣的相關(guān)文章:

欄目列表
推薦內容
熱點(diǎn)內容
展開(kāi)