`
maomaozgc
  • 浏览: 336167 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

hover = mouseenter+mouseleave;

阅读更多
$(".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实现鼠标经过弹出层且可以点击

    在使用JQuery开发网页过程中,经常需要实现一些交互效果,其中一个常见的需求是在用户鼠标悬停(mouseenter)或离开(mouseleave)某个元素时,能够显示或隐藏一个弹出层(通常称为hover-over层)。此外,为了提升...

    判断mouseenter事件鼠标从哪个方向进入

    首先,我们要理解`mouseenter`和`mouseleave`事件的基本用法。这两个事件是DOM级别的,与`mouseover`和`mouseout`不同,它们不会因为子元素的存在而被错误触发。当鼠标进入一个元素或离开一个元素时,这两个事件会被...

    经过绑定元素时会多次触发mouseover和mouseout事件

    `mouseover` 和 `mouseout` 在特定场景下仍可使用,但在有嵌套元素的情况下,优先考虑使用 `mouseenter` 和 `mouseleave` 或 `hover()`。同时,要注意它们的边界条件,以确保在所有情况下都能正确响应用户的交互。...

    CSS或者JS实现鼠标悬停显示另一元素

    写两个函数:mouseenter,mouseleave,例如:其中 $("#a").mouseenter(function() { $("#b").show("normal"); }); $("#a").mouseleave(function() { $("#b").hide("normal"); }); css:a元素和b元素需要满足一定的...

    jquery鼠标hover显示右侧的大图片

    首先,我们需要理解`hover`是jQuery中的一个事件,它由两个部分组成:`mouseenter`和`mouseleave`。当鼠标指针进入元素范围时触发`mouseenter`,离开时触发`mouseleave`。在这个项目中,我们将对缩略图应用`hover`...

    electron实现类似QQ窗口靠边自动边缘隐藏

    一开始想到的是通过页面的mouseout、mouseenter、mouseleave等方法实现,通过查找了很多资料,发现这几个方法只能实现一些比较简单的交互,局限性很大,难以实现鼠标hover显示,out就隐藏的效果。 后来发现通过监听...

    jQuery中hover与mouseover和mouseout的区别分析

    而hover事件因为使用了mouseenter和mouseleave,所以在这种场景下能更精确地控制事件触发,避免了不必要的事件触发问题。 在jQuery中,hover方法的内部实现实际上是使用了mouseenter和mouseleave方法,这一点在...

    jquery hover显示图片详细介绍.rar

    首先,jQuery的hover()方法是结合了mouseenter和mouseleave两个事件的简写形式。当鼠标进入元素区域时,会触发mouseenter事件;而当鼠标离开元素时,会触发mouseleave事件。在处理图片显示时,我们通常会在mouse...

    jquery hover鼠标悬停到图文列表时滑动图片切换

    `hover`是jQuery中的一个复合事件,它由两个基本事件组成:`mouseenter`和`mouseleave`。当鼠标指针进入元素区域时,`mouseenter`事件触发;当鼠标指针离开元素区域时,`mouseleave`事件触发。`hover`使得这两个事件...

    jquery hover显示图片详细介绍

    首先,`hover`是jQuery提供的一种事件处理方法,它可以同时绑定`mouseenter`和`mouseleave`两个事件。当鼠标进入(悬停)元素时,会触发`mouseenter`事件;当鼠标离开元素时,会触发`mouseleave`事件。这使得我们...

    jQuery用unbind方法去掉hover事件及其他方法介绍

    $(#hover_div).unbind("mouseenter mouseleave"); ``` 这种做法避免了对DOM标准事件和非标准事件混淆不清的情况,而且可以确保无论在哪个版本的jQuery中都能稳定工作。解绑事件是一个重要的概念,因为如果不正确地...

    鼠标悬浮(hover)时显示提示框的效果示例.pdf

    <div class="hover-container" @mouseenter="showTooltip = true" @mouseleave="showTooltip = false"> <!-- 你的内容 --> Hover over me <!-- 提示框 --> <div class="tooltip" v-if="showTooltip"> <p>This ...

    jquery-Hover遮罩层

    `hover`是一个组合方法,它可以同时处理元素的`mouseenter`和`mouseleave`事件。当你把鼠标光标移到元素上方时,`mouseenter`事件触发;当鼠标离开元素时,`mouseleave`事件触发。例如: ```javascript $("#element...

    jQuery温柔的hover

    首先,`hover`事件在jQuery中实际上是两个事件的组合:`mouseenter`和`mouseleave`。当你将鼠标指针悬停在元素上时,会触发`mouseenter`,移开时触发`mouseleave`。要实现“温柔”的过渡效果,我们可以利用CSS3的...

    关于Jquery的鼠标悬停事件

    除了单独使用这两个事件,jQuery还提供了一个简化的`hover`方法,它可以同时绑定`mouseenter`和`mouseleave`事件。这样可以更方便地在一个语句中处理进入和离开的情况: ```javascript $("#element").hover( ...

    jquery hover图片插件制作鼠标滑过标题单个展开图片效果

    这个方法实际上是两个事件的组合:mouseenter和mouseleave。当鼠标进入某个元素时,会触发mouseenter事件,而当鼠标离开该元素时,会触发mouseleave事件。我们可以通过hover方法为这些事件绑定相应的处理函数,以...

    jQuery实现图片渐入渐出切换展示效果

    $items.on('mouseenter', function() { index = $(this).data('index'); updateIndicators(); clearInterval(interval); }); $slider.on('mouseleave', function() { updateIndicators(); interval = ...

    jQuery hover显示登录框

    它实际上是两个事件的组合:`mouseenter`和`mouseleave`。当鼠标指针进入元素区域时触发`mouseenter`事件,离开时触发`mouseleave`事件。我们可以为这两个事件绑定不同的处理函数,以实现特定的功能。 例如,当用户...

    jquery多级导航菜单hover事件制作三级导航菜单代码

    hover事件实际上是由两个事件组成:mouseenter和mouseleave。当鼠标进入元素时触发mouseenter,离开元素时触发mouseleave。在多级导航菜单中,我们可以利用这个特性来展示和隐藏子级菜单。 1. HTML结构基础: 创建...

    jquery实现的hover事件导航条特效源码.zip

    Hover事件实际上是两个事件的组合:mouseenter和mouseleave。当鼠标指针进入元素时,会触发mouseenter事件;当鼠标离开元素时,会触发mouseleave事件。在jQuery中,我们可以用一句简单的代码`$("selector").hover...

Global site tag (gtag.js) - Google Analytics