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

jquery live hover

 
阅读更多

jquery元素直接给live绑定hover无效果

将hover直接换成'mouseover mouseout'也无效果

live非json形式一次只能绑定一个函数

可用方法1

$("table tr").live({
   mouseenter:
   function()
   {
      //todo
   },
   mouseleave:
   function()
   {
      //todo
   }
});

 方法2

$('ul li').live('mouseenter',function(){
	$('#tips').show();
}).live('mouseleave',function(){
	$('#tips').hide();
});

  方法3,来自文档,

$('.hoverme').live('mouseover mouseout', function(event) {
  if (event.type == 'mouseover') {
    // do something on mouseover
  } else {
    // do something on mouseout
  }
});

 在jQuery 1.4.3中:你可以绑定一个或多个事件类型的字符串和函数的数据映射来执行他们

 

$("a").live({
  click: function() {
    // do something on click
  },
  mouseover: function() {
    // do something on mouseover
  }
});

 

 

 

分享到:
评论

相关推荐

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

    然而,对于复合事件如hover,jQuery并不提供直接的"hover"作为事件类型,因此不能直接使用unbind方法移除。 hover事件通常是由mouseover和mouseout事件组成的一个快捷方式,用于模拟鼠标悬停时的行为。因此,要正确...

    jquery-1.9.1.js 、jquery-1.9.1.min.js 【官方jquery包 js】

    事件处理是jQuery的另一大亮点,`.click()`、`.hover()`等方法使得绑定和解绑事件变得轻而易举。动画效果是jQuery吸引人的地方,`.fadeIn()`, `.slideUp()`, `.animate()`等方法让动态效果变得简单易行。最后,...

    jQuery的live()方法对hover事件的处理示例

    jQuery的live()方法允许开发者为当前或未来元素绑定事件处理器,即使这些元素是在事件绑定之后才被添加到DOM中。 在介绍live()方法对hover事件处理示例之前,需要先理解几个关键概念:DOM、事件、事件委托。文档...

    jquery-3.0.0.js 、jquery-3.0.0.min.js 【官方jquery包 js】

    4. 移除过时API:为了保持代码的简洁性和可维护性,jQuery 3.0.0移除了部分过时的API,如`.live()`,鼓励开发者使用更安全的替代方法,如`.on()`。 二、`jquery-3.0.0.min.js`的优化 1. 文件大小:`.min.js`是经过...

    使用jquery给新生的th绑定hover事件的实例

    知识点涉及jQuery的hover事件绑定方法、live方法的使用以及事件委托机制。以下是对这些知识点的详细介绍: ### 1. jQuery的hover事件绑定方法 在传统的jQuery应用中,hover事件通常可以通过简单的hover()方法直接...

    JQuery1.4.1

    - **事件处理**: 支持多种事件绑定,如 `click()`, `change()`, `hover()` 等,同时提供了 `live()` 方法实现事件冒泡到祖先元素,解决了动态添加元素时事件绑定的问题。 ### 3. 文件解析 - **jquery-1.4.1.js**: ...

    jquery1.7 API/jquery-1.7.1.min.js/jquery-1.7.1.js

    jQuery提供了一系列的事件处理方法,如`.click()`, `.change()`, `.hover()`, `.keydown()`等,这些方法使事件处理更加简便。 6. **jQuery DOM操作**: 包括元素的创建与插入(`$(html)`, `.append()`, `.prepend...

    jQuery1.2API 本地 帮助文档

    3. **事件处理**:`.click()`、`.hover()`和`.change()`等方法用于绑定事件处理器,`.unbind()`用于移除事件处理器,`.live()`(1.7版本后被弃用)和`.on()`用于处理动态添加元素的事件。 4. **属性操作**:`.attr...

    jquery 1.7.2 帮助文档

    3. 事件处理:jQuery的事件处理函数如`.click()`、`.hover()`和`.change()`,使得绑定和触发事件更为直观。同时,`.on()`方法可以用于绑定动态生成元素的事件。 4. 动画效果:`.fadeIn()`, `.slideToggle()` 和 `....

    jquery live()重复绑定的解决方法介绍

    live()方法是jQuery库中用于为元素绑定事件的一个方法。它与.bind()方法类似,但主要区别在于live()方法可以对那些尚未加入到DOM树中的元素进行事件绑定。这种方法在处理动态添加的元素时非常有用。live()方法的原理...

    jquery框架及源码

    4. **事件处理(Event Handling)**: jQuery简化了事件绑定和解绑,如`click()`、`hover()`和`live()`,并且提供了一致的跨浏览器事件处理。 5. **动画(Animation)**: jQuery的`fadeIn()`, `slideUp()`, `animate...

    jquery类库和帮助文档

    此外,还支持属性选择器(如`$("input[type='text']")`)和伪类选择器(如`:hover`, `:first`, `:last`等)。 三、jQuery DOM操作 在jQuery中,DOM操作非常便捷。可以使用`append()`, `prepend()`, `insertBefore...

    30个jquery经典Demo

    17. **事件绑定与解绑(Binding and Unbinding Events)**:`.bind()`, `.unbind()`, `.live()`, `.die()`等方法处理事件绑定与解绑,适应动态环境。 18. **插件开发(Plugin Development)**:jQuery插件机制允许...

    jQuery1.7.2和jQuery1.8.2 中文版帮助文档

    这个版本引入了`.on()`方法,它是`.bind()`, `.live()`, `.delegate()`方法的综合,使得事件绑定更加灵活和高效。同时,$.ajax()方法的选项进行了扩展,增强了异步请求的控制能力。此外,jQuery1.8.2还优化了插件API...

    jquery-1.8.2.rar

    例如,它对`.live()`方法进行了改进,推出了更强大的`.on()`方法,可以更好地处理动态添加的元素的事件绑定。此外,它还增强了AJAX请求的处理,提供了更好的错误处理机制,以及对JSONP的支持,使得跨域数据获取更加...

    精选 jquery 学习资料

    2. **事件处理**:理解`.on()`, `.off()`, `.click()`, `.hover()`等事件绑定和解绑方法,以及事件冒泡和事件委托的概念。 3. **动画效果**:学习`.animate()`, `.fadeIn()`, `.slideUp()`等动画方法,以及如何...

    jQuery 1.4.1 中文参考

    - `hover()`、`toggle()`:鼠标悬停和切换事件。 - 各种事件方法(如`click()`、`change()`、`keydown()`等):绑定特定类型的事件。 **效果** - `show()`、`hide()`、`toggle()`:显示、隐藏和切换元素的可见性。...

    jqueryjquery v1.3.2

    jQuery v1.3.2提供了统一的事件处理接口,如`.on()`, `.off()`, `.click()`, `.hover()`等,使得事件绑定和解绑变得更加简单。此外,`.live()`和`.delegate()`方法(虽在后续版本中被`.on()`取代)也使得动态元素的...

Global site tag (gtag.js) - Google Analytics