jQuery获取元素颜色？答案

【问题标题】：jQuery Get Elements Color?jQuery获取元素颜色？
【发布时间】：2011-03-14 16:02:28
【问题描述】：

我有以下 HTML

<div>This is some <span>special <a href="#">text</a></span> and it's super</div>

还有 CSS

span {color:#333;}
a {color:#777;}
a:hover {color:#AAA;}

我想知道我可以使用什么来设置一个可以提取和 :hover 元素颜色的函数？

谢谢

【问题讨论】：

【解决方案1】：

对要检索的元素使用.css() 方法。

在你的例子中：

var theColorIs = $('a').css("color");

这将返回 RGB 中的颜色。

【讨论】：

nps。不过，不要从字面上看我的例子——我的例子实际上会返回一个“a”元素的集合。只需修改它以供您使用。
嘿只是想知道 - 我将如何为多个元素执行此操作？即var theColorIs = $('a').css("color", "font-size");因为这似乎不起作用？
检查 .css 链接。第二个参数是将属性设置为什么 - 在这种情况下，您不能将“颜色”属性设置为“字体大小”的值。使用“each”函数（如下面 Josiah 所述）迭代多个元素。

【解决方案2】：

要获取所有元素的颜色 CSS 属性，可以使用 JQuery 的 css() 函数：

$('a').each(function(index) {
               alert( $(this).css('color') );
             });

这将遍历页面上的所有锚元素并告诉您其 CSS 颜色属性。

【讨论】：

嘿只是想知道 - 我将如何为多个元素执行此操作？即var theColorIs = $('a').css("color", "font-size");因为这似乎不起作用？
如果您将第二个参数传递给 css()，它将设置指定的 css 属性。例如，要将颜色更改为绿色，您可以这样说： $('a').css('color','green') 如果要访问一个元素的多个 CSS 属性，则必须进行调用到 css() 多次： $('a').css('color); $('a').css('font-size');有关更多信息，请阅读其他答案中发布的文档:)