如何以更簡單的方式檢查多個div的可見性？

Question

目前我使用的是以下代碼，效果很好。

任何優化的代碼？ （我不能使用相同的類） 我的意思是如何正確使用:visible？

Answer 1

這是實現你要什麼樣的方式。您正確且高效地使用選擇器。

你可能如果你維護一個需要被隱藏的標籤ID的數組，然後動態地構造你的選擇器以便通過ID來查找，那麼它會更快一些。 （即使選擇器可能更長，這樣會更快，通過ID選擇非常快）。

但是，優化不是必需的嗎？我們正在談論快速減輕至雙倍。一個超級愚蠢的jQuery專業版只會做你所做的事情。

Answer 2

該代碼看起來很完美;你正在使用：正確可見。

你可以看看jQuery :visible selector help page如果你想知道它究竟是如何工作的，但在幾句話就選擇可見光元素=）

Answer 3

嗯，我能想到的是：

$('[id$="AtBaseLevel"]:visible').hide();

這將匹配其ID在AtBaseLevel結尾的任何元素。請注意，縮短並不意味着速度更快，因爲ID查找速度與其速度一樣快。基於屬性的選擇器沒有經過優化。

Answer 4

你可以這樣說：

$("#topperAtBaseLevel, #lowerAtBaseLevel, #midAtBaseLevel").filter(":visible").hide(); 

然而，這會導致所有被隱藏，隱藏元素調用.hide()是好的，什麼也沒有錯，所以它可能僅僅是這樣的：

$("#topperAtBaseLevel, #lowerAtBaseLevel, #midAtBaseLevel").hide();