我正在开发一个图像预加载器,它将预加载页面上的所有图像.我的方法如下:
onDomReady,循环遍历$("*")//在DOM准备就绪时通过所有元素
$(this).tagName.toLowerCase() == 'img',read src属性和预加载该图像$(this).css("background-image") != "none",请阅读背景图像道具并预加载该图像我的问题是这种方法不适用于:hover类,它通常是需要预加载的图像.
我想要做的是,在循环遍历所有元素时,检查:hover伪类的存在,然后检查该类的"background-image"属性是否存在.
我真的很想坚持这种方法,因为它a)允许我不必明确指定我想要预加载的每个图像,以及b)处理CSS中的相对路径,如读取"background-image "属性为我提供了相对于页面的路径.
所以,我的问题是:
有可能,使用jQuery,读取元素的:hover伪类的CSS属性?如果没有,有什么建议吗?
谢谢!