jQuery 事件 mouseover() 方法

jQuery 参考手册 事件jQuery 参考手册 事件

当鼠标指针位于元素上方时,会发生 mouseover 事件。

该事件大多数时候会与 mouseout 事件一起使用。

mouseover() 方法触发 mouseover 事件,或规定当发生 mouseover 事件时运行的函数。

注释:与 mouseenter 事件不同,不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。请看下面例子的演示。

我要试一试:mouseenter 与 mouseover 的不同

 

1. 范例

当鼠标指针位于元素上方时时,改变元素的背景色:

$("p").mouseover(function(){
  $("p").css("background-color","yellow");
});

我要试一试

 

2. 触发 mouseover 事件

语法

$(selector).mouseover()

我要试一试

 

3. 将函数绑定到 mouseover 事件

语法

$(selector).mouseover(function)
参数 描述
function 可选。规定当发生 mouseover 事件时运行的函数。

我要试一试

jQuery 参考手册 事件jQuery 参考手册 事件

one() 方法为被选元素附加一个或多个事件处理程序,并规定当事件发生时运行的函数。当使用 one() 方法时,每个元素只能运行一次事件处理器函数。语法:$(selector).one(event,data,function)。event:必需。规定添加到元素的一个或多个事件。< /p> < p>由空格分隔多个事件。必须是有效的事件。