你如何获得用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类

有做你想要什么的没有简单的方法。这将涉及解析运行时样式。最大的问题是：你为什么需要它？对我来说，这似乎相当无用的知识，也许有一个更好的解决方案，无论你想解决什么问题。 –

以及我想通过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

这需要警告什么也没有。由于.anchor类不会更改背景颜色值。 – deach

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

不，让我改述。是否有可能在JavaScript或jquery返回一个数组，对象或css类的字符串中的值，只有该类。 – deach

你如何获得用CSS类改变的特定样式？

相关推荐