0712-2888027 189-8648-0214
微信公众号

孝感风信网络科技有限公司微信公众号

当前位置:主页 > 技术支持 > Javascript/JQuery > JQuery切换元素的可见状态,添加样式/删除样式切换代码

JQuery切换元素的可见状态,添加样式/删除样式切换代码

时间:2021-09-18来源:风信官网 点击: 253次
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>
栏目列表
推荐内容
热点内容
展开