jQuery提供一定的方法(如:切换)将两个事件的影响,如鼠标悬停、怪、Keyup、KeyDown,等等

1、悬停功能



悬停(超越)一种模仿悬停事件的方法(鼠标移动到对象并移出对象)。这是一种自定义方法,该方法提供了将经常使用的任务保存在其中的状态。

参数:

超过(函数):将鼠标移动到元素上触发的函数。

退出(函数):鼠标移出元素触发的函数。

复制代码代码如下所示:



$(函数(){())

$(#面板H5。头)。Hover(function(){)

$(下)。

}函数(){()

$(这个)。

})

})





2、切换功能

切换(FN,FN)开关函数来调用你的每一次点击。如果一个匹配的元素被点击时,指定的第一个函数被触发,当同一元素再次单击,指定第二触发功能。每次点击重复两函数的旋转。你可以使用绑定(单击删除)。

复制代码代码如下所示:



$(函数(){())

$(#面板H5。头)。Toggle(function(){)

$(this)。

}函数(){()

$(下)。

})

})





切换()方法切换元素的可见状态。

如果选中的元素可见,则隐藏这些元素,如果选中的元素被隐藏,则显示这些元素。

如果所选元素可见,则隐藏这些元素,如果所选元素已隐藏,则显示这些元素。

所以上面的代码也可以写成:

复制代码代码如下所示:



$(函数(){())

$(#面板H5。头)。Toggle(function(){)

$(这个)。下一步。(Toggle);

}函数(){()

$(这个)。下一步。(Toggle);

})

})

$(函数(){)

$(#面板H5。头)。Click(function(){)

$(这个)。下一步。(Toggle);

})

**)





您还可以添加一些CSS样式:

复制代码代码如下所示:



.highlight{background:#FF3300;}





$(函数(){())

$(#面板H5。头(。切换)(功能){ / / CSS样式的使用

$(这)。AddClass(亮点);

$(这个);

}函数(){()

$(这)。RemoveClass(亮点);

$(这个);

});

})





合作伙伴是否对jQuery中常见的悬停事件和切换事件有了新的了解,我希望本文能给您一些帮助。