JQuery live函数

 更新时间:2010年12月24日 22:31:24   作者:  
给指定id或class的元素绑定(bind)事件时,对于改变或新加的元素,事件不会起作用,这时我们就要用live函数,它可以让子元素继承父元素的事件。

摘自 jQuery 1.4.1 中文参考:

事件委托

.live() 方法能对一个还没有添加进DOM的元素有效,是由于使用了事件委托:绑定在祖先元素上的事件处理函数可以对在后代上触发的事件作出回应。传递给 .live() 的事件处理函数不会绑定在元素上,而是把他作为一个特殊的事件处理函数,绑定在 DOM 树的根节点上。在我们的例子中,当点击新的元素后,会依次发生下列步骤:

  1. 生成一个click事件传递给 <div> 来处理
  2. 由于没有事件处理函数直接绑定在 <div> 上,所以事件冒泡到DOM树上
  3. 事件不断冒泡一直到DOM树的根节点,默认情况下上面绑定了这个特殊的事件处理函数。
  4. 执行由 .live() 绑定的特殊的 click 事件处理函数。
  5. 这个事件处理函数首先检测事件对象的 target 来确定是不是需要继续。这个测试是通过检测 $(event.target).closest('.clickme') 能否找到匹配的元素来实现的。
  6. 如果找到了匹配的元素,那么调用原始的事件处理函数。

由于只有在事件发生时才会在上面的第五步里做测试,因此在任何时候添加的元素都能够响应这个事件

相关文章

  • 基于jQuery的简单的列表导航菜单

    基于jQuery的简单的列表导航菜单

    最近一段时间准备开始学习JQUERY,感觉JQUERY的功能非常强大,而且代码量也减少了许多....代码也非常的清晰!
    2011-03-03
  • 基于jQuery实现响应式圆形图片轮播特效

    基于jQuery实现响应式圆形图片轮播特效

    这篇文章主要介绍了基于jQuery实现响应式圆形图片轮播特效,mislider插件可以将图片以圆形图片显示,然后使图片无限循环形成轮播图或旋转木马特效,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • JQuery获取样式中的background-color颜色值的问题

    JQuery获取样式中的background-color颜色值的问题

    用JQuery获取样式中的background-color的值时发现在获取到的颜色值在IE中与Chrome、Firefox显示的格式不一样,经搜索找到了下段代码可解决此问题,感兴趣的朋友可以参考下
    2013-08-08
  • jQuery 添加样式属性的优先级别方法(推荐)

    jQuery 添加样式属性的优先级别方法(推荐)

    下面小编就为大家带来一篇jQuery 添加样式属性的优先级别方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • jquery模拟SELECT下拉框取值效果

    jquery模拟SELECT下拉框取值效果

    说到模拟SELECT框,想必大家第一想到的就是使用javascript吧,其实是jquery也是可以做到的,下面有个不错的示例,感兴趣的朋友可以参考下
    2013-10-10
  • 仿JQuery输写高效JSLite代码的一些技巧

    仿JQuery输写高效JSLite代码的一些技巧

    这篇文章主要介绍了仿JQuery输写高效JSLite代码的一些技巧,本文计划根据他人对jQuery总结的一些速度方面的技巧和一些建议,来教你提升你的JSLite和javascript代码,需要的朋友可以参考下
    2015-01-01
  • jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】

    jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】

    这篇文章主要介绍了jQuery插件echarts实现的多柱子柱状图效果,结合完整实例形式分析了echarts绘制多柱子柱状图效果的操作步骤与相关实现技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下
    2017-03-03
  • 利用jqprint插件打印页面内容的实现方法

    利用jqprint插件打印页面内容的实现方法

    qprint是一个基于jquery编写的页面打印的一个小插件,但是不得不承认这个插件确实很厉害,下面这篇文章主要给大家介绍了关于利用jqprint插件如何打印页面内容的实现方法,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。
    2018-01-01
  • jQuery基于函数重载实现自定义Alert函数样式的方法

    jQuery基于函数重载实现自定义Alert函数样式的方法

    这篇文章主要介绍了jQuery基于函数重载实现自定义Alert函数样式的方法,涉及jQuery函数重载及页面元素属性动态操作的相关技巧,需要的朋友可以参考下
    2016-07-07
  • Jquery之美中不足小结

    Jquery之美中不足小结

    在QWrap群里讨论时,有同学问jquery/yui等已做到极致,我们有没必要再重复造一个叫QWrap的轮子?
    2011-02-02

最新评论