$(".stripe tr").mouseover(function(){
$(this).addClass("over");})
$(".stripe tr").mouseout(function(){
$(this).removeClass("over"); })
和
$(".stripe tr").hover有区别么???
准确的说:
hover = mouseenter+mouseleave;
而不是mouseover+out
mouseout会在你离开子元素的时候就把事件冒泡到父元素上。
注意:
hover(over, out)
一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。
当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持“悬停”状态,而不触发移出事件(修正了使用mouseout事件的一个常见错误)。
over (Function): 鼠标移到元素上要触发的函数
out (Function): 鼠标移出元素要触发的函数
示例
jQuery 代码:
$("p").hover(function(){
$(this).addClass("over");
},function(){
$(this).addClass("out");
});
parents( String expr )
取得一个包含着所有匹配元素的唯一祖先元素的元素集合(不包含根元素)。
分享到:
相关推荐
在使用JQuery开发网页过程中,经常需要实现一些交互效果,其中一个常见的需求是在用户鼠标悬停(mouseenter)或离开(mouseleave)某个元素时,能够显示或隐藏一个弹出层(通常称为hover-over层)。此外,为了提升...
首先,我们要理解`mouseenter`和`mouseleave`事件的基本用法。这两个事件是DOM级别的,与`mouseover`和`mouseout`不同,它们不会因为子元素的存在而被错误触发。当鼠标进入一个元素或离开一个元素时,这两个事件会被...
`mouseover` 和 `mouseout` 在特定场景下仍可使用,但在有嵌套元素的情况下,优先考虑使用 `mouseenter` 和 `mouseleave` 或 `hover()`。同时,要注意它们的边界条件,以确保在所有情况下都能正确响应用户的交互。...
写两个函数:mouseenter,mouseleave,例如:其中 $("#a").mouseenter(function() { $("#b").show("normal"); }); $("#a").mouseleave(function() { $("#b").hide("normal"); }); css:a元素和b元素需要满足一定的...
首先,我们需要理解`hover`是jQuery中的一个事件,它由两个部分组成:`mouseenter`和`mouseleave`。当鼠标指针进入元素范围时触发`mouseenter`,离开时触发`mouseleave`。在这个项目中,我们将对缩略图应用`hover`...
一开始想到的是通过页面的mouseout、mouseenter、mouseleave等方法实现,通过查找了很多资料,发现这几个方法只能实现一些比较简单的交互,局限性很大,难以实现鼠标hover显示,out就隐藏的效果。 后来发现通过监听...
而hover事件因为使用了mouseenter和mouseleave,所以在这种场景下能更精确地控制事件触发,避免了不必要的事件触发问题。 在jQuery中,hover方法的内部实现实际上是使用了mouseenter和mouseleave方法,这一点在...
首先,jQuery的hover()方法是结合了mouseenter和mouseleave两个事件的简写形式。当鼠标进入元素区域时,会触发mouseenter事件;而当鼠标离开元素时,会触发mouseleave事件。在处理图片显示时,我们通常会在mouse...
`hover`是jQuery中的一个复合事件,它由两个基本事件组成:`mouseenter`和`mouseleave`。当鼠标指针进入元素区域时,`mouseenter`事件触发;当鼠标指针离开元素区域时,`mouseleave`事件触发。`hover`使得这两个事件...
首先,`hover`是jQuery提供的一种事件处理方法,它可以同时绑定`mouseenter`和`mouseleave`两个事件。当鼠标进入(悬停)元素时,会触发`mouseenter`事件;当鼠标离开元素时,会触发`mouseleave`事件。这使得我们...
$(#hover_div).unbind("mouseenter mouseleave"); ``` 这种做法避免了对DOM标准事件和非标准事件混淆不清的情况,而且可以确保无论在哪个版本的jQuery中都能稳定工作。解绑事件是一个重要的概念,因为如果不正确地...
<div class="hover-container" @mouseenter="showTooltip = true" @mouseleave="showTooltip = false"> <!-- 你的内容 --> Hover over me <!-- 提示框 --> <div class="tooltip" v-if="showTooltip"> <p>This ...
`hover`是一个组合方法,它可以同时处理元素的`mouseenter`和`mouseleave`事件。当你把鼠标光标移到元素上方时,`mouseenter`事件触发;当鼠标离开元素时,`mouseleave`事件触发。例如: ```javascript $("#element...
首先,`hover`事件在jQuery中实际上是两个事件的组合:`mouseenter`和`mouseleave`。当你将鼠标指针悬停在元素上时,会触发`mouseenter`,移开时触发`mouseleave`。要实现“温柔”的过渡效果,我们可以利用CSS3的...
除了单独使用这两个事件,jQuery还提供了一个简化的`hover`方法,它可以同时绑定`mouseenter`和`mouseleave`事件。这样可以更方便地在一个语句中处理进入和离开的情况: ```javascript $("#element").hover( ...
这个方法实际上是两个事件的组合:mouseenter和mouseleave。当鼠标进入某个元素时,会触发mouseenter事件,而当鼠标离开该元素时,会触发mouseleave事件。我们可以通过hover方法为这些事件绑定相应的处理函数,以...
$items.on('mouseenter', function() { index = $(this).data('index'); updateIndicators(); clearInterval(interval); }); $slider.on('mouseleave', function() { updateIndicators(); interval = ...
它实际上是两个事件的组合:`mouseenter`和`mouseleave`。当鼠标指针进入元素区域时触发`mouseenter`事件,离开时触发`mouseleave`事件。我们可以为这两个事件绑定不同的处理函数,以实现特定的功能。 例如,当用户...
hover事件实际上是由两个事件组成:mouseenter和mouseleave。当鼠标进入元素时触发mouseenter,离开元素时触发mouseleave。在多级导航菜单中,我们可以利用这个特性来展示和隐藏子级菜单。 1. HTML结构基础: 创建...
Hover事件实际上是两个事件的组合:mouseenter和mouseleave。当鼠标指针进入元素时,会触发mouseenter事件;当鼠标离开元素时,会触发mouseleave事件。在jQuery中,我们可以用一句简单的代码`$("selector").hover...