jquery判断标签可见的方法

最新推荐文章于 2024-02-05 13:41:56 发布

半仙code

最新推荐文章于 2024-02-05 13:41:56 发布

阅读量2.6k

点赞数

分类专栏：前端CSS部分文章标签： CSS jQuery visible 标签显示状态

本文链接：https://blog.csdn.net/liz9411/article/details/80337821

版权

前端CSS部分专栏收录该内容

5 篇文章 1 订阅

订阅专栏

废话不多说先上核心代码：

 if($("#fon").is(':visible')){
    	alert("标签可见");	
    }

再来一个示例

<script type="text/javascript">
   
function change(){        
    if($("#id").css("display")=="none"){    
        $("#id").show();
        isShow();
}else{
       $("#id").hide();
      isShow();
}
}
function isShow(){

if($("#div").is(':visible')){
    	alert("标签可见");	
    }else{    

alert("标签可见");
}
}
</script>
    <div id="id" style="display:none" οnclick="change()">测试代码</div>

这里做了一个小demo来切换标签的显示状态，各位看官测试一下就知道， 亲测有效