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

Question

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

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

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

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

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

好的，谁知道问题所在？

Answer 1

如果你想改变一个属性，使用 attr method :的$('.gsib_a').attr('style','background-color:#FF0000') ;

但您可以直接使用 css method 更改 css :

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