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