javascript - jquery中如何监听某个元素是show()还是hide()？

Question

我在 a 页面上有一些默认情况下隐藏的元素。根据用户行为，可能会显示一个(使用 jquery 的 show())。类似的，一个可能被隐藏(使用 jquery 的 hide())。

所有这些元素都具有相同的 css 类。有没有办法为具有特定类的元素创建一个监听器，以查看它们是否在隐藏/显示之间发生了变化？

谢谢!

Answer 1

您可以使用:visible 或:hidden。更多信息在这里 https://api.jquery.com/visible-selector/在这里 https://api.jquery.com/hidden-selector/

var $foo = $('.foo');

$foo.first().hide();

$('.foo').each(function() {
  console.log($(this).is(":visible"));
  console.log($(this).is(":hidden"));
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="foo">foo</div>
<div class="foo">foo</div>