jquery中live实现hover的效果

 　　html

 代码如下  

<ul id="Hover">
<li>标题标题<i class="modify" style="display:none">修改</i><i class="delete" style="display:none">删除</i></li>
<li>标题标题<i class="modify" style="display:none">修改</i><i class="delete" style="display:none">删除</i></li>
<li>标题标题<i class="modify" style="display:none">修改</i><i class="delete" style="display:none">删除</i></li>
</ul>

　　js

 代码如下  

// 以下代码对使用js动态增加的元素没有效果，需要使用on替换
$("li","#Hover").hover(function(){
    $(".modify,.delete",$(this)).show();
},function(){
    $(".modify,.delete",$(this)).hide();
});

//jquery 1.9 要使用 on 绑定事件，鼠标经过显示修改和删除效果
$("#Hover").on({
      mouseenter: function(){
        $(".modify,.delete",$(this)).show();
      },
      mouseleave: function(){
        $(".modify,.delete",$(this)).hide();
      }
}, "li");  // descendant selector

　　hover不是标准的事件，因此无法直接使用live进行处理，故使用以下方法代替，效果一样

 代码如下  

$("table tr").live({
   mouseenter:
   function()
   {
      //todo
   },
   mouseleave:
   function()
   {
      //todo
   }
});
时间： 2024-09-11 21:23:27

jquery中live实现hover的效果的相关文章

jQuery中trigger()触发hover事件疑问

今天做一个项目,遇到了一个问题,是以前没有遇到过的,就此记上一笔. 1.trigger方法解释 官方是这么解释的: Description: Execute all handlers and behaviors attached to the matched elements for the given event type. 用法: .trigger( eventType [, extraParameters] ) 其中eventType包含javascript内置的事件.jQuery增加的事

jQuery中hover方法和toggle方法使用指南

 本文重点给大家介绍了jQuery中的2个函数hover和toggle的使用方法和示例,非常的简单实用,推荐给小伙伴们参考下.     jQuery提供一些方法(如:toggle)将两种事件效果合并到一起,比如:mouseover.mouseout:keyup.keydown等 1.hover函数 hover(over,out)一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法.这是一个自定义的方法,它为频繁使用的任务提供了一种"保持在其中"的状态. 参数: over (F

jquery中trigger()无法触发hover事件的解决方法

  jquery中trigger() 方法触发被选元素的指定事件类型了,但有使用过程中会碰到一些问题了,下面我们一起来看看jQuery中trigger()触发hover事件疑问,希望对各位有帮助. 今天做一个项目,遇到了一个问题,是以前没有遇到过的,就此记上一笔. 1.trigger方法解释 官方是这么解释的: 复制代码 代码如下: Description: Execute all handlers and behaviors attached to the matched elements f

jquery中取消和绑定hover事件的实现代码_jquery

在网页设计中,我们经常使用jquery去响应鼠标的hover事件,和mouseover和mouseout事件有相同的效果,但是这其中其中如何使用bind去绑定hover方法呢?如何用unbind取消绑定的事件呢? 一.如何绑定hover事件 先看以下代码,假设我们给a标签绑定一个click和hover事件: $(document).ready(function(){ $('a').bind({ hover: function(e) { // Hover event handler alert("

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

本文实例分析了jQuery中hover与mouseover和mouseout的区别.分享给大家供大家参考,具体如下: 以前一直以为在jquery中其实mouseover和mouseout两个事件等于hover事件.两个没什么区别,应该是一样的.但昨天一个动画效果才让我见识了,这两个并不能等同. <div class="wrapper"> <div class="img"></div> <div class="tex

jQuery控制图片的hover效果（smartRollover.js）_jquery

用js实现的好处是:如果一个网站中图片的hover效果比较多,可能每一个都要有css控制,那样代码有的冗余.但是有了js控制,不管有多少图片,hover效果都可以用同样的js,但是必须保证图片的out/off效果和over/on效果命名有规律性,比如: navi01_out.jpg/navi01_off.jpg navi01_over.jpg/nvai02_on.jpg 这样js控制起来非常方便.找到匹配的名称,hover时替换成另一个名称. 今天我想用jQuery控制一下效果: 代码如下: 复

jquery中的常用事件bind、hover、toggle等示例介绍_jquery

1.$(document).ready() $(document).ready()是jQuery中响应JavaScript内置的onload事件并执行任务的一种典型方式.它和onload具有类似的效果.但是也有一些差异: 当一个文档完全下载到浏览器中时,会触发window.onload事件.而使用$(document).ready()注册的事件处理程序会在html下载完成并解析为Dom树之后,代码就可以运行,但并不意味着所有关联文件都已经下载完毕. 一个页面中一般只有一个onload事件处理程序

效果-jQuery中animate()方法

问题描述 jQuery中animate()方法 怎样用jQuery中的animate()方法让一个图片产生上下晃动的效果呢?或者其它的什么好的方法也可以.最好有演示代码,求帮忙,谢谢 解决方案 方法有很多,用定时器,每1秒执行一个事件,上,下 setInterval(functoin(){ $("#div").animate({top:10px}); setInterval(function(){ $("#div").animate({bottom:10px});

j ery-ajax中返回成功执行jquery代码的时候，没有效果？

问题描述 ajax中返回成功执行jquery代码的时候,没有效果? 当我在jqery后面追加alert的时候效果会出现 但是当我把alert去掉,或者,不写,juery效果就没有效果 解决方案 你要把ajax调用后面的代码全部写在回调函数中才能保证先执行ajax,返回以后再执行这些代码. 解决方案二: 这是显然的,ajax的是异步执行,所以可能先执行了alert,才执行回调中的代码 解决方案三: data.code=="F"这个分支无效? 你的alert在回调中,和你jquery有无效