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元素-我是显示的内容，你看的到我。
方法2：利用is()方法和“:hidden”选择器检测
is() 方法用于查看选择的元素是否匹配选择器。
:hidden 选择器选取隐藏的元素。以下几种情况的元素是隐藏元素：
设置为 display:none
带有 type="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元素-我是显示的内容，你看的到我。
.jpg)
方法3：利用is()方法和“:visible”选择器检测
is() 方法用于查看选择的元素是否匹配选择器。
:visible 选择器选取当前可见的每个元素。除以下几种情况之外的元素即是可见元素：
设置为 display:none
带有 type="hidden" 的表单元素
width 和 height 设置为 0
隐藏的父元素（这也会隐藏子元素）
检测语法：
!(元素对象.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元素-我是显示的内容，你看的到我。
.jpg)
以上就是“jquery如何检测元素是否隐藏”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注创新互联行业资讯频道。
分享名称：jquery如何检测元素是否隐藏
转载注明：http://6mz.cn/article/jipjgh.html