如何获取/读取css属性:hover伪类

我正在使用图片预加载器来预加载页面上的所有图片。 我的方法如下:

onDomReady,通过循环$("*") //在DOM准备就绪时通过所有元素

  • 如果$(this).tagName.toLowerCase() == 'img' ,则读取src属性,并预加载该映像
  • 否则,如果$(this).css("background-image") != "none" ,则读取background-image道具并预加载该图像
  • 我的问题是,这种方法并没有拿起:hover类,它通常是需要预加载的图像。

    我想要做的是能够在遍历所有元素的同时,检查hover伪类的存在性,然后检查该类的“background-image”属性的存在性。

    我真的想坚持这种方法,因为它a)允许我不必显式指定每个图像我想要预先加载,和b)照顾在CSS内的相对路径,因为阅读“背景图像“属性给了我相对于页面的路径。

    所以,我的问题是:

    使用jQuery可以读取:hover伪类的CSS属性是否可能? 如果没有,有什么建议吗?

    谢谢!


    在加载页面以搜索所有DOM / CSS图像时,这会非常密集...在公共站点上这可能不是一个好主意。 一个好的选择是利用图像精灵(http://www.google.com/images/nav_logo26.png)并将它们放置在CSS中


    它听起来像精灵是这个问题的正确解决方案。 但是,如果由于某种原因无法实现它们,您想要做的是访问document.styleSheets集合以搜索规则:悬停在它们中。 这个页面会让你开始。

    链接地址: http://www.djcxy.com/p/3649.html

    上一篇: how to get/read css property on :hover pseudo class

    下一篇: Generative regular expressions