你如何獲得用CSS類改變的特定樣式？

如何獲得使用jQuery/JS的CSS類更改的特定樣式。例子：

HTML如下：

<tab> 

    <a class="anchor">a</a> 

</tab>

CSS的樣子：

a{border:1px} 

.anchor{color:green}

所以，如果我這樣做：

$('.anchor').myReturnStyle()並返回顏色或數組，如果有.anchor更多款式

$('.anchor').MyReturnStyleValue('color') returns 'green'

但

$('.anchor').returnStyleValue('border')返回false，因爲這不是由.anchor類

來源

2011-09-28 deach

有做你想要什麼的沒有簡單的方法。這將涉及解析運行時樣式。最大的問題是：你爲什麼需要它？對我來說，這似乎相當無用的知識，也許有一個更好的解決方案，無論你想解決什麼問題。 –

以及我想通過CSS來控制jquery。而不將50個類應用於元素並使用類值。這可能不是有效的代碼，但是如果它有效，它就像jQuery for jQuery一樣。 :) – deach

示例$（'.aButton'）。buttonThis（） CSS： .aButton {0} {0} mouseover：'function_doover'; //應用fires函數doover mouseout：'class_classOut'; //添加class classOut click：'css | opacity：0'; //改變屁股 } buttonThis將評估事件並應用什麼css – deach

改變您可以使用jQuery的css(..)方法來實現這一目標。請注意：

速記CSS屬性（例如頁邊距，背景，邊框）不受支持。

下面是一個例子：

<div> 
    <a class="anchor">a</a> 
</div> 

<style type="text/css"> 
a { background-color: #000; } 
.anchor{ color: green; } 
</style> 

<script type="text/javascript"> 
$(document).ready(function() { 
    alert($($('.anchor').get(0).nodeName).css('background-color')); 
}); 
</script>

見jsFiddle demo

來源

2011-09-28 05:31:56

這需要警告什麼也沒有。由於.anchor類不會更改背景顏色值。 – deach

你只是要求jQuery的'css（..）'方法的返回值嗎？ –

不，讓我改述。是否有可能在JavaScript或jquery返回一個數組，對象或css類的字符串中的值，只有該類。 – deach

你如何獲得用CSS類改變的特定樣式？

回答

相關問題