你如何通过CSS类改变特定的样式?

时间:2011-09-28 04:19:24

标签: javascript jquery 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'

BUT

$('.anchor').returnStyleValue('border')返回false,因为.anchor Class

没有更改

1 个答案:

答案 0 :(得分:0)

您可以使用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