使用jquery悬停项

我想你是指伪类 :hover 与链接关联的(例如)。当您将鼠标悬停在该链接上时,您希望调用所有其他链接的 :悬停 风格。

不幸的是,您不能调用 悬停 jquery的样式,这要求您将鼠标指针实际移动到该元素上。您必须使用类并使用jquery的悬停事件。

通过在悬停事件处理程序中同时寻址集合中的所有项,可以实现此目的。

var items = $(".some-class-applied-to-many-different-items");
items.hover(function() {
        // Mouseover state
        items.addClass("blah"); // <- for example
    },
    function() {
        // Mouseout state
        items.removeClass("blah");
});

如果我正确理解您的问题,您已经添加了 hover 事件使用jquery,您希望手动触发该事件,而不管鼠标是什么。

如果我理解正确,你要打电话给 mouseenter 触发 鼠标器 事件。

如果我理解错误,而你实际上 :hover 你想用javascript触发的CSS规则,这是不可能的。
相反,您应该在规则中添加一个类名(例如, something:hover, something.FakeHover { ... } ,并使用jquery添加该类名。(如: $(...).addClass('FakeHover') )

在jQuery中, the trigger function 允许您触发事件(包括 mouseover 我相信)在元素上。

在纯JavaScript中,如果您已经为元素的事件处理程序分配了函数,那么当然可以随时调用它。例如。

function mouseoverHandler() {
    // Do something
}

// Assign function to element’s event handler
document.getElementById('link1').onmouseover = mouseoverHandler

// Call that function
document.getElementById('link1').onmouseover();