jquery检查元素是否隐藏的方法：1、利用is()方法和“:hidden”选择器，语法“元素对象.is(":hidden")”；2、利用is()方法和“:visible”选择器，语法“元素对象.is(":visible")”。

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

jquery检查元素是否隐藏

1、利用is()方法和“:hidden”选择器

html>

	
		<script></script><script>
			$(document).ready(function() {
				$("button").click(function() {
					if ($("#hide").is(":hidden")) {
						console.log("#hide元素隐藏了");

					} else {
						console.log("#hide元素没隐藏，是可见的");
					}
					if ($("#show").is(":hidden")) {
						console.log("#show元素隐藏了");

					} else {
						console.log("#show元素没隐藏，是可见的");
					}
				});
			});
		</script><div>
			#hide元素-我是隐藏的内容，你看不到我。
		</div>
		<div>
			#show元素-我是显示的内容，你看的到我。
		</div><br><button>检查元素是否隐藏</button>
	

2、利用is()方法和“:visible”选择器

$(document).ready(function() {
	$("button").click(function() {
		if ($("#hide").is(":visible")) {
			console.log("#hide元素没隐藏，是可见的");
			
		} else {
			console.log("#hide元素隐藏了");
		}
		if ($("#show").is(":visible")) {
			console.log("#show元素没隐藏，是可见的");
			
		} else {
			console.log("#show元素隐藏了");
		}
	});
});

运行结果和上图一样。

说明：

jQuery 1.12.4

jQuery 1.12.4是jQuery 1.x系列的最后一个正式稳定版本，由jQuery团队于2016年发布。该版本主要面向需要兼容旧版浏览器环境的网站和Web应用，尤其适用于仍需支持Internet Explorer 6、Internet Explorer 7、Internet Explorer 8等老旧浏览器的项目。

下载

可见性过滤选择器：

• $("div:hidden")                 选取所有不可见的元素

• $("div:visible")                选取所有可见的元素

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

【推荐学习：jQuery视频教程、web前端开发视频】