2天时间,聊今年最热的 Agent、上下文工程、AI 产品创新等话题。2025 年最后一场~ 了解详情
写点什么

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

  • 2007-08-30
  • 本文字数:667 字

    阅读完需:约 2 分钟

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

2007-08-30 01:003567

评论

发布
暂无评论
发现更多内容

2022-10-02:以下go语言代码能否通过编译?A: 能;B: 不能;C: 不知道。 package main import ( “fmt“ ) type worker interfa

福大大架构师每日一题

golang 福大大 选择题

react的jsx和React.createElement是什么关系?面试常问

beifeng1996

React

写过自定义指令吗,原理是什么?

bb_xiaxia1998

Vue

SAP 电商云 Spartacus UI 的响应式 UI 实现细节

汪子熙

前端 前端开发 web开发 10月月更 breakpoint

使用 RxJs 实现一个支持 infinite scroll 的 Angular Component

汪子熙

前端开发 angular RXJS web开发 10月月更

架构师的十八般武艺:风险管理

agnostic

风险管理

【一Go到底】第二天---你好,Go and GOROOT&GOPATH

指剑

golang Go入门 10月月更

Collections之 Arraylist源码解读(二)

知识浅谈

ArrayList 10月月更

Docker下,两分钟极速体验Nacos

程序员欣宸

Docker Spring Cloud 10月月更

【SSM】Spring系列——IoC 控制反转

胖虎不秃头

spring ssm 10月月更

JS继承有哪些,你能否手写其中一两种呢?

helloworld1024fd

JavaScript

【从0到1学算法】2.递归

Geek_65222d

10月月更

Linux操作系统——组管理和权限管理

胖虎不秃头

Linux 操作系统 10月月更

Python应用之计算阶乘

芯动大师

函数 10月月更 阶乘计算

js事件循环与macro&micro任务队列-前端面试进阶

loveX001

JavaScript

Linux操作系统——用户管理、实用指令

胖虎不秃头

Linux 10月月更

用30分钟相中10倍工程师

愚夫一得

面试 技术管理 招聘 文化 & 方法

能否手写vue3响应式原理-面试进阶

helloworld1024fd

JavaScript

【LeetCode】检查二进制字符串字段Java题解

Albert

LeetCode 10月月更

业务实时监控服务

穿过生命散发芬芳

10月月更 业务监控

Linux操作系统——进程管理、RPM与YUM

胖虎不秃头

操作系统 Linux tar 10月月更

面试官:vue2和vue3的区别有哪些?

bb_xiaxia1998

Vue

Linux操作系统——定时任务调度、磁盘分区与挂载、网络配置

胖虎不秃头

Linux 操作系统 10月月更

MyBatis 学习笔记之MyBatis入门开发

薛定谔的猫

mybatis 10月月更 mybatis入门

MyBatis 学习笔记之配置文件

薛定谔的猫

mybatis 10月月更 mybatis配置文件

Vue3入门指北(六)列表渲染

Augus

Vue3 10月月更

Python基础(七) | 文件、异常以及模块详解

timerring

异常 Python Monad 10月月更

如何在 Linux 中删除超过 30 天的文件

wljslmz

Linux 10月月更

大数据ELK(十一):Elasticsearch架构原理

Lansonli

elasticsearch 10月月更

怎样对react,hooks进行性能优化?

beifeng1996

React

Linux操作系统——日志管理

胖虎不秃头

Linux 操作系统 10月月更

Live Query插件:为JQuery带来活跃DOM绑定能力_Java_James Estes_InfoQ精选文章