Javascript 如何使用CSS类更改特定样式?
快一点,不确定是否可能 如何使用jQuery/JS通过CSS类更改特定样式。 例如: html看起来像:Javascript 如何使用CSS类更改特定样式?,javascript,jquery,css,Javascript,Jquery,Css,快一点,不确定是否可能 如何使用jQuery/JS通过CSS类更改特定样式。 例如: html看起来像: <tab> <a class="anchor">a</a> </tab> a{border:1px} .anchor{color:green} 因此,如果我做一些类似的事情: $('.anchor').myReturnStyle(),如果.anchor中有更多样式,它将返回颜色或数组 $('.anchor').MyReturn
<tab>
<a class="anchor">a</a>
</tab>
a{border:1px}
.anchor{color:green}
因此,如果我做一些类似的事情:
$('.anchor').myReturnStyle()
,如果.anchor中有更多样式,它将返回颜色或数组
$('.anchor').MyReturnStyleValue('color') returns 'green'
但是
$('.anchor').returnStyleValue('border')
返回false,因为它不被.anchor类更改。您可以使用jQuery的方法来实现这一点。请注意:
不支持速记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>
做你想做的事没有简单的方法。它将涉及解析运行时样式。最大的问题是:你为什么需要它?对我来说,这似乎是相当无用的知识,也许有更好的解决方案来解决您试图解决的任何问题。不向元素应用50个类并使用类值。这可能不是有效代码,但如果它起作用,则类似于jQuery for jQuery.:)示例a$('.aButton').buttonThis()CSS:.aButton{mouseover:'function_doover';//应用函数doover mouseout:'class_classOut';//添加类classOut单击:'CSS |不透明性:0';//更改ass}该按钮将评估事件并应用CSST所需的内容,以不发出任何警报或发出错误警报。由于.anchor类不会改变背景颜色值。您是否只要求jQuery的css(…)
方法的返回值?不,让我重新表述一下。在javascript或jquery中是否可以返回css类的数组、对象或字符串中的值,并且只返回该类。