如何获取点击时的CSS悬停值？

对此进行后续跟进question https://stackoverflow.com/questions/7265418/how-can-i-unbind-the-hover-opacity-effect-of-a-text-link-when-it-is-clicked，我还有另一个问题 - 单击文本链接时如何获取 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;
})

是否可以？

我遇到过这个类似的question https://stackoverflow.com/questions/5319472/jquery-get-css-hover-values但我不想使用该插件。

你可以这样做，你创建自己的 css 属性列表，这些属性将应用于该元素（假设你有一个列表），然后循环浏览它们：

var cssList = ['text-decoration','opacity','filter'];

$(".test").click(function(){
    for(x in cssList){
        alert($(this).css(cssList[x]));
    }    
   return false;
})

例子：http://jsfiddle.net/jasongennaro/GmWCz/ http://jsfiddle.net/jasongennaro/GmWCz/

当然，如果您需要的话，您可以一直这样做并添加所有属性。