Javascript 悬停在另一个元素上时如何触发悬停

我试图在将鼠标悬停在#boks2上时触发悬停css

我的朋友：

我的HTML：

<div id="boks1"></div>
<div id="boks2"></div>

Jquery：

$(jQuery){
    $('#boks2').hover(function() {
        $('#boks1').hover();   
    });
});

---

您不能从jQuery触发CSS

：hover

。您可以做的是在另一个元素上切换一个类。像这样：

CSS jQuery

---

你可以在这里检查

我们需要写两次CSS吗？

$(jQuery){
    $('#boks2').hover(function() {
        $('#boks1').hover();   
    });
});

#boks1 {width:50px;height:50px;background:blue;}
#boks1.onHover, #boks1:hover {background:red;}
#boks2 {width:50px;height:50px;border:1px solid black;margin-top:10px;}

$(function() { //on dom ready handler fixed as Sarfraz pointed out
    $('#boks2').hover(function() {
       $('#boks1').toggleClass('onHover');   
    });
 });
});

$('#boks2').hover(function() {
     $('#boks1').trigger('hover');   
});

$('#boks1').bind('hover',function(){
     $(this).css('background-color','red');
})