Javascript 更改悬停颜色按钮单击

单击按钮后，我希望

div

onhover

背景色变为蓝色

在本例中，它还会更改正常背景色：

$（文档）。在（“单击”，“按钮”，函数（）上）{
$（“.box”）.on（“鼠标悬停”，函数（）{
$（“.box”）.css（“背景”、“蓝色”）
});
})

.box:悬停{
背景：红色；
}

更改悬停颜色

你好

试试看

$（文档）。在（“单击”，“按钮”，函数（）上）{
$（“.box”）.on（“mouseover”，function（）{$（.box”）.css（“background”，“blue”）}）；
$（“.box”）.on（“mouseout”，function（）{$（.box”）.css（“background”，”）}）；
})

.box:hover{background:red；}

更改悬停颜色

你好

试试看

$（文档）。在（“单击”，“按钮”，函数（）上）{
$（“.box”）.on（“mouseover”，function（）{$（.box”）.css（“background”，“blue”）}）；
$（“.box”）.on（“mouseout”，function（）{$（.box”）.css（“background”，”）}）；
})

.box:hover{background:red；}

更改悬停颜色

您好

使用jquery函数并使用类而不是css

$(".box").hover(function(){
    $(this).addClass("hover_me");
}, function(){
    $(this).removeClass("hover_me");
});

css类

.hover_me {
  background: blue;
}

使用jquery函数，并使用类而不是css

$(".box").hover(function(){
    $(this).addClass("hover_me");
}, function(){
    $(this).removeClass("hover_me");
});

css类

.hover_me {
  background: blue;
}

---

您的Jquery DOM不正确

这就是它的作用

$（文档）.ready（函数（）{

//jQuery方法放在这里

}))

$（函数（）{
$（“按钮”）。单击（函数（）{
$（“.box”）.on（“鼠标悬停”，函数（）{
$（'.box'）.css（“背景”，“蓝色”）
});
$（“.box”）.on（“mouseout”，function（）{$（.box”）.css（“background”，“background”）
});
})
});
.box:hover{background:red；}

更改悬停颜色

您好
您的Jquery DOM不正确

这就是它的作用

$（文档）.ready（函数（）{

//jQuery方法放在这里

}))


$（函数（）{
$（“按钮”）。单击（函数（）{
$（“.box”）.on（“鼠标悬停”，函数（）{
$（'.box'）.css（“背景”，“蓝色”）
});
$（“.box”）.on（“mouseout”，function（）{$（.box”）.css（“background”，“background”）
});
})
});
.box:hover{background:red；}

更改悬停颜色

您好
在jQuery中，为mouseout添加一个eventhandler，以删除背景

$(document).on("click", "button", function () {
    $(".box").on("mouseover", function () {
        $(".box").css("background", "blue")
    });
    $(".box").on("mouseout", function () {
        $(".box").css("background", "none")
    });
})

在jQuery中，为mouseout添加一个eventhandler，以删除背景

$(document).on("click", "button", function () {
    $(".box").on("mouseover", function () {
        $(".box").css("background", "blue")
    });
    $(".box").on("mouseout", function () {
        $(".box").css("background", "none")
    });
})

在事件中绑定事件是个坏主意。每次单击，您都会绑定另一个事件…在事件中绑定事件是个坏主意。每次点击，你都会绑定另一个事件……我喜欢你的。我不能使用类，因为我正在处理的代码太高级了…你的作品+1！我喜欢你的。我不能使用类，因为我正在处理的代码太高级了…你的作品+1！