Tom*_*Tom 5 css jquery background-image
在页面准备好之后,我想运行一个函数,它将获得css背景图像设置以及我希望以其他方式使用的悬停背景图像设置.
我看到实现这一目标的唯一方法是要求有人在获得值之前实际将鼠标悬停在元素上.
有人有办法吗?
这是获取css非悬停值的方法:
$(this).css('background-color');
Run Code Online (Sandbox Code Playgroud)
为此,您需要直接从样式表读取值。基本思想是迭代 中的每个样式表document.styleSheets,并在其中迭代.cssRules或中的每个规则.rules,寻找与.selectorText您所追求的内容相匹配的规则。
为了简化事情,我为此编写了一个(小型)库 - JSS。如果您有一个选择器,例如#someId:hover,那么使用 JSS,您可以通过以下方式获取其background-color属性:
jss('#someId:hover').get()['background-color']
Run Code Online (Sandbox Code Playgroud)