添加jQuery鼠标悬停事件触发CSS颜色变化的开关

Question

我有下面的脚本，工作良好，当鼠标悬停在#eventID，然后#targetID文本颜色变成紫色。我希望添加一个切换到脚本，以便当mouseout文本颜色更改回其原始或定义的颜色。

$("#eventID").on ("mouseover",function(){
$("#targetID").css("color","purple");
})

我试图在css函数和jQuery事件监听器之前添加切换，但它们都不起作用。

Test1:

$("#eventID").on ("mouseover mouseout",function(){
$("#targetID").toggle(css("color","purple"));})

Test2:

$("#eventID").toggle(on("mouseover mouseout", function() {
$("#targetID").css("color", "purple");}));

Answer 1

您可以使用:

$("#eventID").on("mouseover", function() { 
$("#targetID").css("color","purple");
}).on("mouseout", function() {
$("#targetID").css("color","");
});

这将清除行内颜色样式。当你滑出鼠标