在js中添加更改顏色

Question

我正在嘗試向common.js中添加一個函數，該函數將更改按鈕的背景色。 這可能嗎？ 多謝你們。

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

Answer 1

您正在使用jquery選擇器，這意味着您將擁有與訪問普通javascript中的DOM元素不同的功能/屬性。 使用這種方法，您可以在一個函數中設置多個CSS聲明。 如果要更改其他樣式屬性，只需將它們添加到作為參數傳遞給css的對象中。

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

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

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

在這里嘗試一下按鈕

在這里查看jquery css()文檔

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");