javascript - 使用 css() 获取样式属性值

Question

<p class="pen" style="color:#000">abc</p>

.pen{
color:#333
}

在上面的html和css中，内联样式的优先级高于class，所以会使用#000。但是当我执行 $('.pen').css('color') 时，我得到了 #333。如何获取当前样式的颜色？

Answer 1

如果你有两个同一个类的元素

<p class="pen" style="">abc</p>
<p class="pen" style="color:#000">abc</p>

然后运行，

$('.pen').css('color')

输出将是 #333 或 rgb(51,51,51)。因为选择器找到第一个匹配的元素。 所以这就是您的代码的问题 - 类 pen 的多个元素。

Fiddle

---

在单个pen元素或顺序的情况下

<p class="pen" style="color:#000">abc</p>
<p class="pen" style="">abc</p>

输出是#000。

Fiddle