引导者

jQuery mouseenter()

简介

jQuery mouseenter() 方法是 jQuery 事件处理程序，用于在鼠标指针进入匹配元素时触发函数。

多级标题

语法

``` $(selector).mouseenter(function(event)); ```

参数

selector：

选择要绑定事件处理程序的元素。

function：

要在鼠标指针进入元素时触发的函数。

内容详细说明

mouseenter() 方法在鼠标指针进入匹配元素的边界时触发。它不会在鼠标指针在元素内部移动时触发。该事件处理程序与 mouseover() 方法类似，但 mouseenter() 不会触发元素的父元素的事件。这对于防止事件冒泡非常有用。

示例

下面的代码演示了如何使用 mouseenter() 方法：``` $("p").mouseenter(function() {$(this).css("background-color", "yellow"); }); ```这段代码会将所有段落 (

) 的背景色设置为黄色，当鼠标指针进入段落时。

注意事项

mouseenter() 事件只触发一次，当鼠标指针最初进入元素时。如果鼠标指针在元素内移动，事件不会再次触发。

mouseenter() 事件只在鼠标指针从元素外部进入元素时触发。如果鼠标指针已经位于元素内部，然后移动到该元素的另一个部分，事件不会触发。