jquery如何检测元素是否隐藏

3种方法：1、使用css()检测元素display属性的值是否为none，如果是则隐藏了，语法“元素对象.css('display')=='none'”；2、利用is()方法和“:hidden”选择器，返回值为真则元素是隐藏的，语法“元素对象.is(":hidden")”；3、利用is()方法和“:visible”选择器，语法“!(元素对象.is(":visible"))”。

jquery检测元素是否隐藏的几种方法

方法1：使用css()检测display属性的值是否为none

css()可以返回被选元素的一个或多个样式属性。

只需要使用css()获取display属性的值，判断该值是否为none即可检测该元素是否隐藏

是none，则该元素隐藏
不是none，则该元素不隐藏



	
		
		
			$(document).ready(function() {
				$("button").click(function() {
					if ($("#hide").css('display')=='none') {
						console.log("#hide元素隐藏了");

					} else {
						console.log("#hide元素没隐藏，是可见的");
					}
					if ($("#show").css('display')=='none') {
						console.log("#show元素隐藏了");

					} else {
						console.log("#show元素没隐藏，是可见的");
					}
				});
			});
		
	

	
		
			#hide元素-我是隐藏的内容，你看不到我。

$(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元素没隐藏，是可见的"); } }); }); #hide元素-我是隐藏的内容，你看不到我。 #show元素-我是显示的内容，你看的到我。

$(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元素没隐藏，是可见的"); } }); }); #hide元素-我是隐藏的内容，你看不到我。 #show元素-我是显示的内容，你看的到我。