在js中添加改变颜色

Question

我正在尝试向 common.js 添加一个函数，该函数将更改按钮的背景颜色。这可能吗？谢谢大家。

$('#api_search').style.backgroundColor('#e4e4e4');

Answer 1

您使用的是 jquery 选择器，这意味着您可以使用 functions/properties 与访问普通 javascript 中的 DOM 元素不同的选择器。使用这种方法，您可以在一个函数中设置多个 css 声明。如果您想更改其他样式属性，只需将它们添加到作为参数传递给 css.

的对象中

{backgroundColor:'#e4e4e4', color: '#fff', ...}

因此您可以按如下方式使用 .css：

 $('#api_search').click(function() { 
  $(this).css({backgroundColor:'#e4e4e4'})
 });

使用按钮here试试

请参阅 jquery css() 文档 here

Answer 2

如果您尝试使用 Javascript 执行此操作，您可以执行如下操作：

document.getElementById("api_search").addEventListener("click", function(e) {
    e.target.style.backgroundColor = "red";
});

为了清楚起见，请检查一下：

Answer 3

$('#api_search').css("background","#e4e4e4");

或

$('#api_search').attr("style","background:#e4e4e4");

add a change color in js