首页 > web前端 > 前端问答 > jquery怎么判断某个元素是否显示

jquery怎么判断某个元素是否显示

青灯夜游
发布: 2022-04-28 17:35:38
原创
7725 人浏览过

在jquery中,可用“:visible”选择器和is()方法来判断某个元素是否显示,语法为“元素对象.is(':visible')”,可以查看指定元素是否匹配“:visible”选择器,即是否为可见元素;如果元素是显示的,则返回true。

jquery怎么判断某个元素是否显示

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

在jquery中,可用“:visible”选择器和is()方法来判断某个元素是否显示

  • is() 方法用于查看选择的元素是否匹配选择器。

  • :visible 选择器选取当前可见的每个元素。

    除以下几种情况之外的元素即是可见元素:

    • 设置为 display:none

    • 带有 type="hidden" 的表单元素

    • width 和 height 设置为 0

    • 隐藏的父元素(这也会隐藏子元素)

判断某个元素是否显示的语法:

元素对象.is(':visible')
登录后复制
  • 表示查看指定元素是否匹配“:visible”选择器,即是否为可见元素

示例:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function () {
            $("button").click(function () {
			   var node=$(&#39;span&#39;);
               if(node.is(&#39;:visible&#39;)){
				   alert("显示元素");
			   }else{
				   alert("隐藏元素,将它显示出来");
				   node.show();
			   }
            })
        })
    </script>
	</head>
	<body>
		<div>这是一段可见的div内容。</div>
		<span hidden="hidden">这是一个被隐藏的内容,现在显示出来了。</span>
		<p>这是一段可见的内容。</p>
		<button>判断span元素是否显示</button>
	</body>
</html>
登录后复制

jquery怎么判断某个元素是否显示

【推荐学习:jQuery视频教程web前端视频

以上是jquery怎么判断某个元素是否显示的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板