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

Question

我正在开发一个图像预加载器,它将预加载页面上的所有图像.我的方法如下:

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

• if $(this).tagName.toLowerCase() == 'img',read src属性和预加载该图像
• 否则$(this).css("background-image") != "none",请阅读背景图像道具并预加载该图像

我的问题是这种方法不适用于: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 定位它们