jQuery-简单鼠标悬停函数帮助

jQuery-简单鼠标悬停函数帮助,jquery,javascript-events,Jquery,Javascript Events,我有以下HTML: img class="hoverContact" img class="hoverContact" img class="hoverContact" img class=“悬停联系人” img class=“悬停联系人” img class=“悬停联系人” 以及以下Jquery: function highlightContact(ev) { $(this).addClass('lightblue'); } $('.hov

我有以下HTML:

img class="hoverContact" img class="hoverContact" img class="hoverContact" img class=“悬停联系人” img class=“悬停联系人” img class=“悬停联系人” 以及以下Jquery:

function highlightContact(ev) { $(this).addClass('lightblue'); } $('.hoverContact').mouseover(function(){ highlightContact(); }); 功能指示灯触点(ev){ $(this.addClass('lightblue'); } $('.hoverContact').mouseover(函数(){ highlightContact(); });
有什么建议吗?谢谢

当函数没有上下文时,您试图在
highlightContact
内部使用
。此外,该函数接受一个paramater
ev
,但您没有传入它。相反,从鼠标悬停功能传入
this
,并在highlightContact功能中引用
ev
,而不是
this

function highlightContact(ev) {
        $(ev).addClass('lightblue');  
    }

    $('.hoverContact').mouseover(function(){
        highlightContact(this);
    });

当函数没有上下文时,您试图在
highlightContact
中使用
this
。此外,该函数接受一个paramater
ev
,但您没有传入它。相反,从鼠标悬停功能传入
this
,并在highlightContact功能中引用
ev
,而不是
this

function highlightContact(ev) {
        $(ev).addClass('lightblue');  
    }

    $('.hoverContact').mouseover(function(){
        highlightContact(this);
    });
使用
apply()
方法,使
函数中的
引用相关的img标记

function highlightContact(ev) {
    $(this).addClass('lightblue');  
}

$('.hoverContact').mouseover(function(){
    highlightContact.apply(this);
});
或者,如果您根本不需要该
ev
,如果您所做的只是添加该类,则可以完全取消
函数highlightContact(){…}
,只需使用:

$('.hoverContact').mouseover(function(){
    $(this).addClass('lightblue');
});
使用
apply()
方法,使
函数中的
引用相关的img标记

function highlightContact(ev) {
    $(this).addClass('lightblue');  
}

$('.hoverContact').mouseover(function(){
    highlightContact.apply(this);
});
或者,如果您根本不需要该
ev
,如果您所做的只是添加该类,则可以完全取消
函数highlightContact(){…}
,只需使用:

$('.hoverContact').mouseover(function(){
    $(this).addClass('lightblue');
});

@Thomas…所以我添加了相同的东西在mouseout上删除它…但是如果我想让它留在mouseclick上怎么办?@webwrks不确定我明白你的意思-你想让它在mousein上添加类,在mouseout上删除它,然后,当你点击它时,会将其锁定在打开或关闭状态,以便mousein和mouseout不会影响它?@Thomas…所以我在mouseout上添加了相同的内容来删除它…但是如果我想让它保留在mouseclick上呢?@webwrks不确定我明白你的意思-你想让它在mousein上添加类,在mouseout上删除它,然后,当您单击它时,会将其锁定为打开或关闭,以便mousein和mouseout不会影响它?我之所以将其分离,是因为hoverContact类有多个实例。我之所以将其分离,是因为hoverContact类有多个实例