怎样判断jQuery 元素是否显示与隐藏

JavaScript024

怎样判断jQuery 元素是否显示与隐藏,第1张

1、新建HTML文件。

2、引入jquery.min.js文件。

3、创建HTML内容。

4、用jquery创建点击事件，点击隐藏按钮，p内容隐藏

5、用jquery创建点击事件，点击显示按钮，p内容显示。

6、预览如图当点击隐藏按钮，p内容隐藏。

7、当点击显示按钮，p内容显示。

根据 MDN文档 的说明, 以下三种情况 HTMLElement.offsetParent 会返回 null

所以可以根据 HTMLElement.offsetParent 来判断改节点是否隐藏

如果你要判断的节点恰好 position:fiexed ，那么可以通过 window.getComputedStyle() 判断：

相比第一种方案，第二种会慢很多，如果要做重复的判断，不建议使用第二种