jquery hide（）應該只應用於可見元素

Question

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

我希望這段代碼只隱藏頁面上可見的元素，換句話說，那些具有樣式display：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的元素視爲可見，因爲它們仍佔用頁面中的空間。