Live Query插件：为JQuery带来活跃DOM绑定能力

作者 James Estes 译者 岳立东 发布于 2007年8月30日

领域

语言 & 开发

主题

Java ,

Web框架

标签

jQuery ,

AJAX

Live Query是一个新的jQuery插件，你可以用它给匹配的DOM元素注册事件或者激发回调函数。不仅是当前与选择器匹配的元素，还有后续通过Ajax添加的元素都会得到绑定。当元素不再和选择器匹配时，它也会自动取消事件注册。在对Ajaxian上一篇文章的评论中，John Resig指出Live Query与Prototype和Dojo中其它类似工具的不同之处在于（这里强调我的观点）：

你给[Live Query]一个jQuery选择器，[Live Query]会实时地在整个DOM范围把它持久化。这意味着你可以设定一个查询（并且再也不必去重新调用或者初始化它）它的效果在所有地方都会见到：就像是CSS。这是一个着实重要的区别，同时我很高兴它几乎没什么速度损失的开销就做到了。

这种绑定的“鲜活性（lively-ness）”相当有意思。这个插件每20毫秒做一次检查，看是否经由其它jQuery调用进行过DOM操作。如果一个 jQuery动作修改了DOM，那活跃绑定就被重新评估。这暗示在jQuery之外的DOM操作不会触发重新评估。这实在快要成了真正流畅（fluid）（并活跃（live））、跨浏览器的机制，可以通过类似CSS的方式给元素恰如其分的施加行为。

查看英文原文：JQuery Gains Live DOM Binding with Live Query Plugin

---

译者简介：岳立东，Ableverse创始人，技术推广大使。开源项目WoW（内含ToB对象数据库）和SecureJSH创建者。目前致力于东道组件接合（Hosting Based Interfacing）理论研究，在此基础上的软件并行分布架构及对象数据库应用，技术博客http://complystill.javaeye.com/。欲参与InfoQ中文站内容建设，请邮件至china-editorial[at]infoq.com。

1. 返回顶部

   Why not give a try to "jQuery live bind"?

   发表人 diyism diyism

   You even could use it like this(bind an element before create it):
   
   $.live_bind(".kkkk .ppp[title='333']:nth-child(3)", 'click', alr1);
   
   $('.kkkk').append('<div class="ppp" title="333">hello</div>');
   
   
   
   plugins.jquery.com/project/live_bind

   回复

• 更早的 >