如何获取点击时的CSS悬停值？
跟进此问题，我还有另一个问题 - 单击文本链接时如何获取 css 悬停值？
例如，我有这些文本悬停值，
a.test {
text-decoration:none;
}
a.test:hover {
text-decoration:none;
opacity:0.6 !important;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter:alpha(opacity=60) !important;
}
<a href="#" class="test">Click Me</a>
这当然会失败！
$(".test").click(function(){
alert($(this).css());
return false;
})
是否可以？
我遇到了这个类似的问题，但我不想使用该插件。
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
您可以执行类似的操作，创建自己的 css 属性列表，这些属性将应用于该元素（假设您有一个列表），然后循环浏览它们：
示例： http://jsfiddle.net/jasongennaro/GmWCz/
当然，如果您需要的话，您可以一直这样做并添加所有属性。
You could do something like this, where you create your own list of css properties that would be applied to that element (assuming you had a list) and then cycle through them:
Example: http://jsfiddle.net/jasongennaro/GmWCz/
Of course, you could take this all the way and add all the properties, if that is what you needed.
HTML 更改，添加额外的类：
CSS 更改，修改悬停选择器：
JS 更改，删除点击事件上的“apply-hover”类：
示例：http://jsfiddle.net/bGKE7/1/
HTML changes, adding an extra class:
CSS changes, modify hover selector:
JS changes, remove 'apply-hover' class on click event:
Example: http://jsfiddle.net/bGKE7/1/
正确的方法似乎是创建一个样式标签并直接重新分配悬停属性。我有一个工作示例这里。
（应得的信用——我从此处定义的函数中得到了它)
The right way to do this seems like it would be to create a style tag and re-assign the hover property directly. I have a working example here.
(Credit where credit is due -- I got that from a function defined here)
采取看这里
的重新实现（读：鸭子打孔）
这是
.css()方法这是演示Take a look here
It's a re-implementation (read: duck punching) of the
.css()methodAnd here's the DEMO