title: How to get css hover values on click?
body: <p>Following up on this <a href="https://stackoverflow.com/questions/7265418/how-can-i-unbind-the-hover-opacity-effect-of-a-text-link-when-it-is-clicked">question</a>, I have another issue - how to get css hover values when you click on a text link?</p>
  
  <p>For instance, I have these values for the text hover</p>
  
  <pre><code>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; 
  }
  
  &lt;a href="#" class="test"&gt;Click Me&lt;/a&gt;
  </code></pre>
  
  <p>this fails of course!</p>
  
  <pre><code>$(".test").click(function(){
     alert($(this).css());
     return false;
  })
  </code></pre>
  
  <p>Is it possible?</p>
  
  <p>I came across this similar <a href="https://stackoverflow.com/questions/5319472/jquery-get-css-hover-values">question</a> but I prefer not to use that plugin.</p>