jquery如何检测元素是否隐藏


今天小编给大家分享一下jquery如何检测元素是否隐藏的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。 3种方法:1、使用css()检测元素display属性的值是否为none,如果是则隐藏了,语法“元素对象.css(‘display’)==’none’”;2、利用is()方法和“:hidden”选择器,返回值为真则元素是隐藏的,语法“元素对象.is(“:hidden”)”;3、利用is()方法和“:visible”选择器,语法“!(元素对象.is(“:visible”))”。jquery检测元素是否隐藏的几种方法方法1:使用css()检测display属性的值是否为nonecss()可以返回被选元素的一个或多个样式属性。只需要使用css()获取display属性的值,判断该值是否为none即可检测该元素是否隐藏是none,则该元素隐藏不是none,则该元素不隐藏

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

方法2:利用is()方法和“:hidden”选择器检测is() 方法用于查看选择的元素是否匹配选择器。:hidden 选择器选取隐藏的元素。以下几种情况的元素是隐藏元素:设置为 display:none带有 type=”hidden” 的表单元素隐藏的父元素(这也会隐藏子元素)检测语法:

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

返回值为真,则元素是隐藏的;返回值为假则不是隐藏的。示例

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

方法3:利用is()方法和“:visible”选择器检测is() 方法用于查看选择的元素是否匹配选择器。:visible 选择器选取当前可见的每个元素。除以下几种情况之外的元素即是可见元素:设置为 display:none带有 type=”hidden” 的表单元素width 和 height 设置为 0隐藏的父元素(这也会隐藏子元素)检测语法:

!(元素对象.is(":visible"))

返回值为真,则元素是隐藏的;返回值为假则不是隐藏的。示例:

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

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

相关推荐: node如何获取命令行中的参数

这篇文章主要讲解了“node如何获取命令行中的参数”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“node如何获取命令行中的参数”吧!process是nodejs内置的一个对象,该对象提供了当前有关nodejs进…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 02/28 11:54
下一篇 02/28 11:54

相关推荐