在js中添加更改颜色

Question

我正在尝试将一个函数添加到common.js中，这将改变按钮的背景颜色。这可能吗？谢谢你们。

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

Answer 1

您正在使用jquery选择器，这意味着您可以使用不同的函数/属性，而不是访问vanilla 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";
});

为清楚起见，请查看此内容：

https://jsfiddle.net/9p3f9yjw/2/

Answer 3

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

或

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