jquery如何判断某个元素是否显示

蜗牛 互联网技术资讯 2022-05-04 37 0

本篇内容介绍了“jquery如何判断某个元素是否显示”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

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

jquery如何判断某个元素是否显示  jquery 第1张

本教程操作环境: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=$('span');
               if(node.is(':visible')){
				   alert("显示元素");
			   }else{
				   alert("隐藏元素,将它显示出来");
				   node.show();
			   }
            })
        })
    </script>
	</head>
	<body>
		<div>这是一段可见的div内容。</div>
		<span hidden="hidden">这是一个被隐藏的内容,现在显示出来了。</span>
		<p>这是一段可见的内容。</p>
		<button>判断span元素是否显示</button>
	</body>
</html>

jquery如何判断某个元素是否显示  jquery 第2张

“jquery如何判断某个元素是否显示”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注蜗牛博客网站,小编将为大家输出更多高质量的实用文章!

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:niceseo99@gmail.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

评论