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

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

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

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

時間:2016-05-16來源:風(fēng)信官網(wǎng) 點擊: 735次
JQuery切換元素的可見狀態(tài),添加樣式/刪除樣式切換代碼

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

示例:

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

HTML 代碼:

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

jQuery 代碼:

$("p").toggle()

結(jié)果:

<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>
欄目列表
推薦內(nèi)容
熱點內(nèi)容
展開