JQuery 将其传递给函数

Question

我需要将 this 发送到 capIn() 和 capOut() 函数，以便我可以定位正确的 .slide 的子 div。如何将 this 传递给函数。 this 将是悬停的内容。

$(".slide").hover(function(){capIn();capOut();});

Answer 1

查看函数名称 capIn 和 capOut 可以看出它们是两种不同的行为。我相信您对 mouseenter 和 mouseleave 事件有两种不同的行为。 hover 方法可以采用 2 种方法，一种用于 mouseenter，另一种用于 mouseleave。您可以尝试这个

$(".slide").hover(capIn, capOut);

您可以在 capIn 和 capOut 中使用 this 它将指向您悬停的 .slide 元素在。

function capIn(){
   var $childrens = $(this).children();
}

function capOut(){
   var $childrens = $(this).children();
}

Answer 2

$(".slide").hover(function(){
    capIn.apply(this);
    capOut.apply(this);
});

请参阅此处：https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function /apply

更新：

如果 capIn 用于 mouseenter 并且 capOut 用于mouseleave，那么：

$(".slide").hover(function(){
    capIn.apply(this);
}, function(){
    capOut.apply(this);
});

ShankarSangoli的解决方案比较简洁，但是如果除了this之外还需要传递任何参数，那么：capIn.apply(this,arguments)。

Answer 3

这对我有用：

function capOut(jq) {
    alert(jq.hasClass('slide'))
}

$(".slide").hover(function () {
    capIn(this),
    capOut($(this)) //to pass a jQuery object wrapping 'this'
});