如何测试元素是否已经可见？

Question

在HTML代码中，我使用jQuery来隐藏或显示具有ID的元素。如何测试元素是否已经可见？

例如，我们使用show()来显示具有ID的元素。但在致电show()之前，我需要测试show()是否已用于该ID以及如何比较？

Answer 1

$('#element').is(':hidden'); // boolean

Answer 2

如果元素可见，show（）将不会执行任何操作，因此风险很低。但是，您可以使用:visible或:hidden选择器查找可见元素。

$('#myId:visible').hide();

$('#myId:hidden').show();

在你的选择器中使用它，你可以触发节目并隐藏方法而不用担心可见或不可见，因为如果你试图隐藏:hidden元素，你就不会选择任何东西你不会做任何事情。