在此question之後，我遇到了另一個問題 - 如何在點擊文本鏈接時獲取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; 
})

這可能嗎？

我碰到過類似的question，但我寧願不使用該插件。

來源

2011-09-01 laukok

你可以做這樣的事情，在這裏你創建你自己的，將被應用到該元素的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/

當然，如果這是您需要的，您可以採取這種方式並添加所有屬性。

來源

2011-09-01 03:30:55

謝謝。但是它怎麼會返回'none'作爲'filter：alpha（opacity = 60）！important;'？ – laukok

HTML的變化，增加一個額外的類：

<a href="" class="test apply-hover">Click Me</a>

CSS的變化，修改懸停選擇：

a.test.apply-hover:hover { ...

JS修改，刪除 '申請懸停' 上點擊事件類：

$(this).removeClass('apply-hover');

示例：http://jsfiddle.net/bGKE7/1/

來源

2011-09-01 03:23:14

正確的做法似乎是創建一個樣式標籤並直接重新指定懸停屬性。我有一個工作示例here。

（信貸，信貸是因爲 - 我得到了從一個函數定義here）

來源

2011-09-01 03:35:17 cwallenpoole

謝謝。我嘗試了這個工作示例，但沒有任何反應...... – laukok

對不起。我知道它現在如何工作，謝謝！ – laukok

Take a look here

這是一個重實（閱讀：鴨衝）的.css()方法

And here's the DEMO

來源

2011-09-01 03:36:11 qwertymk

如何在點擊時獲得css懸停值？

回答

And here's the DEMO

相關問題