如何将此jQuery事件绑定到HTML元素的悬停？

当h2.myClass悬停时，让jQuery调用的语法是什么

$(document).ready(function(){
  setTimeout(function(){
  $("div.clickme, div.clickMeTimes").fadeOut("slow", function () {
  $("div.clickme, div.clickMeTimes").remove();
  });

  }, 2500);
});

多亏了所有的答案，其中很多都非常好，但是@SKS在我的额外要求下做了额外的努力。下面的内容在我的div in和out中会在鼠标悬停时淡出，而不是页面加载时的初始内容

$(document).ready(function(){
  $('h2.myClass').hover (function() {
       $("div.clickme, div.clickMeTimes").stop(true).fadeOut("slow");
  }, function () {
       $("div.clickme, div.clickMeTimes").stop(true).fadeIn("slow");       
  });
});

---

因为您希望只在鼠标输入时执行某些操作。您只需使用

mouseenter

函数即可

我想下面就是你想要的

$(document).ready(function(){
  $('h2.myClass').mouseenter(function() {
    setTimeout(function(){
         $("div.clickme, div.clickMeTimes").fadeOut("slow", function () {
            $(this).remove();
         });
    }, 2500);
  });
});

还修改了

$（“div.clickme，div.clickMeTimes”）.remove（）$（this）.remove（）

时，将删除相应的元素，而不是尝试同时删除这两个元素

编辑：尝试下面，如果你是时尚和淡出

$(document).ready(function(){
  $('h2.myClass').hover (function() {
       $("div.clickme, div.clickMeTimes").stop(true).fadeOut("slow");
  }, function () {
       $("div.clickme, div.clickMeTimes").stop(true).fadeIn("slow");       
  });
});

---

因为您希望只在鼠标输入时执行某些操作。您只需使用

mouseenter

函数即可

我想下面就是你想要的

$(document).ready(function(){
  $('h2.myClass').mouseenter(function() {
    setTimeout(function(){
         $("div.clickme, div.clickMeTimes").fadeOut("slow", function () {
            $(this).remove();
         });
    }, 2500);
  });
});

还修改了

$（“div.clickme，div.clickMeTimes”）.remove（）$（this）.remove（）

时，将删除相应的元素，而不是尝试同时删除这两个元素

编辑：尝试下面，如果你想它淡入淡出

$(document).ready(function(){
  $('h2.myClass').hover (function() {
       $("div.clickme, div.clickMeTimes").stop(true).fadeOut("slow");
  }, function () {
       $("div.clickme, div.clickMeTimes").stop(true).fadeIn("slow");       
  });
});

---

将逻辑放入函数中：

var fadeAndRemove = function() {

     setTimeout(function(){
         $("div.clickme, div.clickMeTimes").fadeOut("slow", function () {
              $("div.clickme, div.clickMeTimes").remove();
         });

      }, 2500);
}

然后将其绑定到悬停事件：

$("h2.myClass").on('mouseenter', function() {
     fadeAndRemove();
});

---

如果您在mouseleave上还有一些事情要做，请使用悬停。

将您的逻辑放入函数中：

var fadeAndRemove = function() {

     setTimeout(function(){
         $("div.clickme, div.clickMeTimes").fadeOut("slow", function () {
              $("div.clickme, div.clickMeTimes").remove();
         });

      }, 2500);
}

然后将其绑定到悬停事件：

$("h2.myClass").on('mouseenter', function() {
     fadeAndRemove();
});

如果您在mouseleave上还有什么事情要做，请使用hover。

如果您只需要使悬停工作：

$("h2.myClass").mouseover(function(){
  $("div.clickme, div.clickMeTimes").fadeOut("slow", function () {
  $("div.clickme, div.clickMeTimes").remove();
});

否则，如果需要使其工作并停止计时器：

$(document).ready(function(){
  timer = setTimeout(function(){

$("h2.myClass").mouseover(function(){
  clearTimeout(timer);
  $("div.clickme, div.clickMeTimes").fadeOut("slow", function () {
  $("div.clickme, div.clickMeTimes").remove();
});

如果您只需要使悬停生效：

$("h2.myClass").mouseover(function(){
  $("div.clickme, div.clickMeTimes").fadeOut("slow", function () {
  $("div.clickme, div.clickMeTimes").remove();
});

否则，如果需要使其工作并停止计时器：

$(document).ready(function(){
  timer = setTimeout(function(){

$("h2.myClass").mouseover(function(){
  clearTimeout(timer);
  $("div.clickme, div.clickMeTimes").fadeOut("slow", function () {
  $("div.clickme, div.clickMeTimes").remove();
});

---

很好-我想我会接受这个，但是你知道我怎么做吗。show（）；mouseleave上的div？@smackfadyen如果你在鼠标离开时有事情要做，那么你应该使用

悬停

。但是你要把那些div的除掉

.remove

将从DOM中删除这些div。确定。。我只是想让它切换。。所以可能只需要.css（display:block；）和display:none？可能会显示div并在鼠标上淡出。是否可以将div添加回mouseleave？基本上回到第一个state@SMacFadyen请参阅我文章末尾编辑的答案。让我知道它是否适合你。很好-我想我会接受这个，但是你知道我怎么做吗。show（）；mouseleave上的div？@smackfadyen如果你在鼠标离开时有事情要做，那么你应该使用

悬停

。但是你要把那些div的除掉

.remove

将从DOM中删除这些div。确定。。我只是想让它切换。。所以可能只需要.css（display:block；）和display:none？可能会显示div并在鼠标上淡出。是否可以将div添加回mouseleave？基本上回到第一个state@SMacFadyen请参阅我文章末尾编辑的答案。让我知道它是否适合你。