javascript - 如何使用 CSS 类更改特定样式？

Question

快一点，不确定是否可能。

如何使用 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 类不会更改它

Answer 1

您可以使用 jQuery 的 css(..)方法来实现这一点。请注意:

Shorthand CSS properties (e.g. margin, background, border) are not supported.

这是一个例子:

<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