jQuery 事件 mouseenter() 方法
jQuery 事件 mouseenter() 方法
当鼠标指针穿过元素时,会发生 mouseenter 事件。
该事件大多数时候会与 mouseleave 事件一起使用。
mouseenter() 方法触发 mouseenter 事件,或规定当发生 mouseenter 事件时运行的函数。
注释:与 mouseover 事件不同,只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。如果鼠标指针穿过任何子元素,同样会触发 mouseover 事件。请看下面例子的演示。
1. 范例
当鼠标指针进入(穿过)元素时,改变元素的背景色:
$("p").mouseenter(function(){ $("p").css("background-color","yellow"); });
2. 触发 mouseenter 事件
语法
$(selector).mouseenter()
3. 将函数绑定到 mouseenter 事件
语法
$(selector).mouseenter(function)
参数 | 描述 |
---|---|
function | 可选。规定当发生 mouseenter 事件时运行的函数。 |
当鼠标指针离开元素时,会发生 mouseleave 事件。该事件大多数时候会与 mouseenter 事件一起使用。mouseleave() 方法触发 mouseleave 事件,或规定当发生 mouseleave 事件时运行的函数。与 mouseout 事件不同,只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。如果鼠标指针离开任何子元素,同样会触发 mouseout 事件。
相关文章
- jQuery 事件
- jQuery 尺寸
- jQuery 遍历 后代
- jQuery 参考手册 属性操作
- jQuery 参考手册 数据
- jQuery 事件 dblclick() 方法
- jQuery 事件 type 属性
- jQuery 事件 keyup() 方法
- jQuery 事件 trigger() 方法
- jQuery jQuery.fx.interval 属性
- jQuery 数据 removeData() 方法
- jQuery 遍历 last() 方法
- jQuery 遍历 offsetParent() 方法
- jQuery ajax ajaxSend() 方法
- jQuery ajax ajaxStart() 方法
- jQuery 属性操作 removeClass() 方法
- jQuery 文档操作 after() 方法
- jQuery 文档操作 insertBefore() 方法
- jQuery 文档操作 replaceWith() 方法
- jQuery :empty 选择器