jQuery - 如何獲取/讀取css屬性：hover偽類

Question

我正在開發一個圖像預加載器，它將預加載頁面上的所有圖像。 我的方法如下：

onDomReady，循環遍歷$("*") //當DOM准備好時，遍歷所有元素

• if $(this).tagName.toLowerCase() == 'img' ，讀取src屬性，並預加載該圖像
• 否則如果$(this).css("background-image") != "none" ，請閱讀background-image prop並預加載該圖像

我的問題是這種方法不適用於：hover類，它通常是需要預加載的圖像。

我想做的是，在循環遍歷所有元素的同時，檢查：hover偽類的存在，然后檢查該類的“background-image”屬性是否存在。

我真的很想堅持這種方法，因為它a）允許我不必明確指定我想要預加載的每個圖像，以及b）處理CSS中的相對路徑，如讀取“background-image “屬性為我提供了相對於頁面的路徑。

所以，我的問題是：

有可能，使用jQuery，讀取元素的：hover偽類的CSS屬性？ 如果沒有，有什么建議嗎？

謝謝！

Answer 1

在加載頁面以搜索所有DOM / CSS圖像時，這將非常密集......在公共站點上可能不是一個好主意。 一個很好的選擇是使用圖像精靈（ http://www.google.com/images/nav_logo26.png ）並使用CSS定位它們

Answer 2

它聽起來像精靈是解決這個問題的正確方法。 但是如果由於某種原因無法實現它們，那么您要做的就是訪問document.styleSheets集合來搜索規則，其中包括：將鼠標懸停在其中。 這個頁面將幫助您入門。