Jquery hide（）应该只应用于可见元素

Question

$(".selector").hide("fold", 2000);

我希望此代码仅隐藏页面上可见的元素，换句话说，那些具有样式显示的元素：block。

当我在我的页面上运行此代码时，它也会将效果应用于不可见的元素。不应该看到看不见的元素。

Answer 1

您可以使用:visible选择器

$(".selector:visible").hide("fold", 2000);

Answer 2

您可以使用jQuery的:visible pseudoselector

$(".selector:visible").hide("fold", 2000);

Answer 3

使用:visible过滤器。但请注意，:visible过滤器会将visibility:hidden或opacity:0的元素视为可见元素，因为它们仍占用页面中的空间。