Javascript 使用jquery更改鼠标悬停（按钮）时外部div的背景色

我设计了一个弹出式窗口，它有一个标题栏和内容部分。里面，内容部分我也放了一个按钮。我正在尝试更改标题栏的背景色。我制作了两个类（

title\u bar

和

title\u bar\u hover

），其中包含

背景：线性梯度（）仅属性。
根据stackoverflow中给出的解决方案，我编写了以下jquery。我还添加了
jqueryui
插件

$('#start').on('hover',function(){
    var target = $('.title_bar');
    target.addClass(".title_bar_hover");
},5);

但此代码无法执行任何操作。然而，这里是示例。
因此，请建议一些实现此功能的方法。

非常感谢你
 您需要：

1） 在
jsFiddle
演示中包括jQuery

2） 在（'hover'，…

3） 使用而不是

.addClass（）

4） 在CSS中将类名更正为

title\u bar\u hover

$('#start').hover(function () {
    var target = $('.title_bar');
    target.toggleClass("title_bar_hover");
});

您需要：

1） 在

jsFiddle

演示中包括jQuery

2） 在（'hover'，…

3） 使用而不是

.addClass（）

4） 在CSS中将类名更正为

title\u bar\u hover

$('#start').hover(function () {
    var target = $('.title_bar');
    target.toggleClass("title_bar_hover");
});

您可以这样做：

$('#start').on('mouseover',function(){
        var target = $('.title_bar');
        target.toggleClass("title_bar_hover");
        });

$('#start').on('mouseout',function(){
        var target = $('.title_bar');
        target.toggleClass("title_bar_hover");
        });

您可以这样做：

$('#start').on('mouseover',function(){
        var target = $('.title_bar');
        target.toggleClass("title_bar_hover");
        });

$('#start').on('mouseout',function(){
        var target = $('.title_bar');
        target.toggleClass("title_bar_hover");
        });

---

使用此选项，您可以在悬停状态下轻松切换类

$('.title_bar').hover(function(){
         $('.title_bar').toggleClass('title_bar_hover');
    }, function(){
         $('.title_bar').toggleClass('title_bar_hover');
    });

希望对你有用：）

---

使用此选项，您可以在悬停状态下轻松切换类

$('.title_bar').hover(function(){
         $('.title_bar').toggleClass('title_bar_hover');
    }, function(){
         $('.title_bar').toggleClass('title_bar_hover');
    });

希望对你有用：）

---

没有名为hover的事件，您需要使用hover方法或mouseenter和mouseleave事件see ohh。。对不起，对不起。。！谢谢@ArunPJohny。。！！！没有名为hover的事件，您需要使用hover方法或mouseenter和mouseleave events see ohh。。对不起，对不起。。！谢谢@ArunPJohny。。！！！这可以简化为：

$（'#start'）.hover（函数（）{

$（'.title_-bar'）.toggleClass（'title_-bar_-hover'）；

}）为什么要使用它？在最新的jquery事件中，使用on编写，所以我更喜欢使用on，它可以简化为：
$（'#start'）.hover（function（）{
$（'.title_bar'）.toggleClass（'title_bar_hover'）；
}）为什么要使用它？在最新的jquery中，事件是使用on编写的，所以我更喜欢使用on