如何监听dom元素的显示隐藏事件

Posted 2023-04-18

参考技术A jQuery 判断一个元素是显示还是隐藏， jQuery 使用 is() 的方法来判断一个元素是否显示，反之，则为隐藏，jQuery 判断是否显示，jQuery 判断是否隐藏，jQuery 判断是否可见。判断一个元素是否显示，可以使用 jQuery 中的 is() 方法来实现。JS 代码：假设这个 div 元素的 id 为 mydiv 。以下为引用内容： $(document).ready(function()
if($("#mydiv").is(":visible")==false)
);以上代码可以很好地判断 div 、input 、button 等元素的显示与隐藏。本回答被提问者采纳

displayvisibilityopacity隐藏元素的区别

display、visibility、opacity隐藏元素的区别

display: none

• 事件监听：无法进行DOM事件监听。

• 元素从网页中消失，并且不占据位置
• 再次从网页中出现会引起重排 进而引起重绘
• 继承：不会被子元素继承，因为子元素也不被渲染。

visibility: hidden

• 事件监听：无法进行DOM事件监听。

• visibility 具有继承性，其子元素也会继承此属性，

  • 若设置 visibility:visible，则子元 素会显示

• 网页从页面消失，并且不占据位置

• 显示隐藏只会引起重绘

opacity: 0

• 事件监听：DOM可以事件监听。

• 继承：会被子元素继承，子元素不能通过设置opacity:1;来取消隐藏
• 根据浏览器对其底层实现的不同不确定会不会引起重绘
  • 如果生成合成层就不会引起
  • 反之则会引起