前端之家收集整理的这篇文章主要介绍了
jQuery获取css悬停值,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在页面准备好之后,我想运行一个函数,它将获得css背景图像设置以及我希望以其他方式使用的悬停背景图像设置.
我看到实现这一目标的唯一方法是要求有人在获得值之前实际将鼠标悬停在元素上.
有人有办法吗?
这是获取css非悬停值的方法:
$(this).css('background-color');
最佳答案
为此,您需要直接从样式表中读取值.基本思想是遍历document.styleSheets中的每个样式表,并在其中迭代.cssRules或.rules中的每个规则,寻找与您所追求的匹配的.selectorText.
为简化起见,我为此目的编写了一个(小)库 – JSS.如果你有一个选择器,例如#someId:hover,然后使用JSS,你可以得到它的background-color属性:
jss('#someId:hover').get()['background-color']