jquery如何判断元素是否显示隐藏-开发者知识库平台

jquery如何判断元素是否显示隐藏

jquery

1271

2021/5/17 16:05:33

栏目: 编程语言

在jquery中判断元素是否显示或隐藏的方法：1.新建html项目，引入jquery；2.创建div标签，并设置id属性；3.使用jquery内置选择器进行判断；

jquery如何判断元素是否显示隐藏

具体方法如下：

1.首先，在新建一个html项目，在项目中引入jquery；

<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>

2.引入jquery后，在项目中新建一个div标签，并设置id属性，用于测试；

<div id="btn">测试标签</div>

3.div标签创建好后，在项目中使用jquery内置选择器即可判断元素是否显示或隐藏；

if($("#btn").is(":hidden")){
$("#btn").show(); //元素为隐藏
}else{
$("#btn").hide(); //元素为显现
}

相关扩展：

1）使用css属性判断元素是否显示或隐藏

var display =$('#btn').css('display');
if(display == 'none'){
alert("元素为隐藏");
}

jquery如何判断元素是否显示隐藏