成都创新互联网站制作重庆分公司

jquery如何检测元素是否隐藏

今天小编给大家分享一下jquery如何检测元素是否隐藏的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都网站设计、网站制作、南充网络推广、成都微信小程序、南充网络营销、南充企业策划、南充品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供南充建站搭建服务,24小时服务热线:028-86922220,官方网址:www.cdcxhl.com

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元素-我是隐藏的内容,你看不到我。
		
#show元素-我是显示的内容,你看的到我。

jquery如何检测元素是否隐藏

方法2:利用is()方法和“:hidden”选择器检测

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

:hidden 选择器选取隐藏的元素。以下几种情况的元素是隐藏元素:

检测语法:

元素对象.is(":hidden")

示例



	
		
		
			$(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元素-我是显示的内容,你看的到我。

jquery如何检测元素是否隐藏

方法3:利用is()方法和“:visible”选择器检测

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

:visible 选择器选取当前可见的每个元素。除以下几种情况之外的元素即是可见元素:

检测语法:

!(元素对象.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元素没隐藏,是可见的");
					}
				});
			});
		
	

	
		
			#hide元素-我是隐藏的内容,你看不到我。
		
		
			#show元素-我是显示的内容,你看的到我。
		

jquery如何检测元素是否隐藏

以上就是“jquery如何检测元素是否隐藏”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注创新互联行业资讯频道。


本文名称:jquery如何检测元素是否隐藏
文章位置:http://cxhlcq.com/article/jipjgh.html

其他资讯

在线咨询

微信咨询

电话咨询

028-86922220(工作日)

18980820575(7×24)

提交需求

返回顶部