Javascript 事件处理后在元素中添加颜色

我试图填充一个元素，一旦它在jquery中被点击到一块颜色，但我无法计算出来：（

我在div元素上有一个事件监听器，在控制台中，它说它被单击了，或者悬停在哪个上面很好，但是我需要帮助，一旦单击了元素，我就可以屏蔽颜色

我现在有这个

$( document ).ready(function() {
  $( "div" ).on({
     "click": function() { console.log( "clicked!" ); },
     "mouseover": function() { console.log( "hovered!" );
  });
});

---

任何帮助都将是惊人的！！！

我相信你可以使用

$( "div" ).on({
     "click": function() { 
           $(this).addClass( "clickClass" )  
      },
     "mouseover": function() {
         $(this).addClass( "hoverClass" )  
      }
});

然后在css中，添加您希望元素如何查找每个事件

.clickClass{
   //your css here ex. background: purple;
 }

.hoverClass{
   //your css here ex. background: green;
 }

---

确保还添加了一个

mouseout

事件，这样当您的鼠标从

div

上取下时，您可以删除

hoverClass

我相信您可以使用

$( "div" ).on({
     "click": function() { 
           $(this).addClass( "clickClass" )  
      },
     "mouseover": function() {
         $(this).addClass( "hoverClass" )  
      }
});

然后在css中，添加您希望元素如何查找每个事件

.clickClass{
   //your css here ex. background: purple;
 }

.hoverClass{
   //your css here ex. background: green;
 }

---

确保还添加了一个

mouseout

事件，这样当您的鼠标从

div

上取下时，您可以删除

hoverClass

您可以使用jquery css函数来实现这一点。它还可以接受十六进制值

$（文档）.ready（函数（）{
$（“div”）。在({
“单击”：函数（）{
$（this.css（'background-color'，'red'）；
console.log（“单击！”；}，
“mouseover”：函数（）{
$（this.css（'background-color'，'blue'）；
log（“悬停！”）；
}
});
})；

内容

您可以使用jquery css函数来实现这一点。它还可以接受十六进制值

$（文档）.ready（函数（）{
$（“div”）。在({
“单击”：函数（）{
$（this.css（'background-color'，'red'）；
console.log（“单击！”；}，
“mouseover”：函数（）{
$（this.css（'background-color'，'blue'）；
log（“悬停！”）；
}
});
})；

内容

谢谢你的回复，但这仍然不起作用。我需要元素来改变一块颜色。这是通过在CSW中添加一个

背景

标记来实现的。如果我不想在div上添加它，而是一个类名呢？抱歉，不太确定你在问什么。请澄清，我会尽力帮助你，谢谢你的回复，但仍然没有工作正常。我需要元素来改变一块颜色。这是通过在CSW中添加一个

背景
标记来实现的。如果我不想在div上显示它，而是在类名上显示它，该怎么办？对不起，我不太清楚你在问什么。请澄清，我会尽力帮助你。如果我不想在div上显示它，而是在类名上显示它，该怎么办？如果我不想在div上显示它，该怎么办一个div但是一个类名？