无法通过内容脚本使用 jQuery 更改 HTML 元素的样式答案

【问题标题】：Cannot change style of HTML elements using jQuery by content script无法通过内容脚本使用 jQuery 更改 HTML 元素的样式
【发布时间】：2012-08-29 09:30:37
【问题描述】：

我正在为 chrome 编写一个扩展作为“内容脚本”。我的扩展程序应该改变谷歌主页的背景颜色（https://www.google.com）我写了这段代码（包括jquery）：

$(".gsib_a").style="background:#FF0000";

但没有奏效。我确定我已将 jQuery 添加到内容脚本中，并且已设置 manifest.json 文件。我敢肯定，因为这段代码有效：

$(".gsib_a").hide();

而且我确信用 gsib_a 类更改元素的 style 正是我需要和影响的。因为我已经通过 Chrome 开发者工具对其进行了测试。

好的，谁知道问题所在？

【问题讨论】：

您只想更改样式吗？如果是，为什么不直接注入 CSS 而不是 JavaScript？示例代码见this question。

标签： javascript jquery html google-chrome-extension content-script

【解决方案1】：

如果要更改属性，请使用attr method： $('.gsib_a').attr('style','background-color:#FF0000');

但是你可以直接用css method改变css：

$('.gsib_a').css('background-color','#FF0000');

【讨论】：

是的，第一个代码有效。但是第二个不起作用。不过，谢谢。
区别：第一个代码重置样式，第二个只是更改或设置背景颜色。也许有一个背景图像，它隐藏了背景颜色或类似的东西。