AI实践哪家强?来 AICon, 解锁技术前沿,探寻产业新机! 了解详情
写点什么

jQuery:为富 web UI 书写 JavaScript 的新方法

  • 2007-07-13
  • 本文字数:852 字

    阅读完需:约 3 分钟

jQuery 由 John Resig 创建于 2006 年初,其提供了如下主要特征以简化 JavaScript 开发:

JQuery 选择器

jQuery 的基本前提是 jQuery 选择器,它被用来从 HTML DOM 中选择元素并操作这些元素。例如,只要页面的一个链接被点击,以下 jQuery 代码片断将显示一个警告(alert)消息:

$("a").click(function() { alert("You are leaving this page!");});

$(“a”) 是一个 jQuery 选择器。本例中,它选择了所有 锚点(anchor) 元素。$ 自身是 jQuery “class” 的一个别名,因此 $() 构造了一个新的 jQuery 对象。click() 函数是 jQuery 对象的一个方法。 它将一个鼠标点击事件绑定到了所有所选择的元素上(本例中,所选元素是锚点元素)并在事件发生时执行一个已提供好的函数。

当然,如果你只想针对特定链接显示警告(alert),可以应用 filter。

传统的 JavaScript 将通过下面的方式完成相同的功能:

<a href="http://www.infoq.com" onclick="alert('You are leaving this page!')">infoQ</a>

使用 jQuery,我们不需要为每个单独的元素都写一个 onclick。我们获得一个结构(HTML)和行为(JavaScript)的清晰分离。

特效

这里有另一个关于 jQuery 特效特性的例子。如下代码片断查找所有含有 class 为"surprise"的段落,向其中增加 class “shock”,接着缓慢地显示它们:

$("p.surprise").addClass("shock").show("slow");Ajax 开发

Ajax 的一个常用用法是装载 HTML 块到页面的一个区域内。使用 jQuery,你只需选择你要的元素并使用 load() 函数。这里是一个更新统计的例子:

$('#stats').load('stats.html');<br></br>最新版 jQuery 1.1.3 最近已经发布了,它遍历DOM 的速度比1.1.2 快了近8 倍。其它主要增强包括一个重新书写的事件系统,其处理键盘事件更优雅,以及重新书写的特效系统。

查看英文原文: jQuery: A new way to write JavaScript for rich web UI

2007-07-13 02:051842
用户头像

发布了 150 篇内容, 共 50.4 次阅读, 收获喜欢 10 次。

关注

评论

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

电子签合同有效吗?符合法规的8大电子签合同系统

易成研发中心

电子签名软件 电子合同软件

Match开辟双螺旋正增长模型,RFG与NFT天花板在哪儿?

石头财经

Go语言中进行MySQL预处理和SQL注入防护

左诗右码

Go 语言

极狐GitLab 17.2 重点功能解读

极狐GitLab

DevOps CI/CD 极狐GitLab 版本发布

面试官:说说读写锁的实现原理?

王磊

【YashanDB数据库】YAS-02143 invalid username/password, login denied

YashanDB

yashandb 崖山数据库 崖山DB

AI驱动SEO排名优化使工作更省力

幂简集成

API SEO SEO工具

【活动预告】第四届西门子工业边缘生态大会,Apache IoTDB 来啦!

Apache IoTDB

基于SPH方法,轻松实现FZG齿轮箱流体仿真,解决齿轮箱耐久性和可靠性的测试

Altair RapidMiner

制造业 仿真 altair 齿轮

鸿蒙 NEXT 应用开发训练营毕业啦(毕业总结)

SamGo

鸿蒙 训练营 HarmonyOS 移动端 鸿蒙系统

先锋鹏城,极速领航!深圳电信5G-A场景体验尊享权益正式发布

脑极体

通信

使用电子签名,法院会认可嘛?电子合同会有法律效力吗?使用开源技术受影响吗?

开放签开源电子签章

电子合同 电子签名 电子签章

ClueCon 2024:音视频开发者的技术盛会

声网

RFG与NFT天花板在哪儿?Match的双螺旋正增长模型是答案

股市老人

国内首个支持国产化信创的开源云原生平台

北京好雨科技有限公司

云原生 rainbond 企业号 8 月 PK 榜 国产化平台 信创国产化

【第2期】INFINI Easysearch 免费认证培训开放报名啦

极限实验室

easysearch 极限科技

铁人三项、乒乓战将、夺冠现场被求婚,关于巴黎奥运会,网友都在搜什么?

极客天地

RFG与NFT天花板在哪儿?Match的双螺旋正增长模型是答案

BlockChain先知

百万级Python讲师又一力作!Python编程轻松进阶,豆瓣评分8.1

我再BUG界嘎嘎乱杀

Python 编程 后端 开发语言

jQuery:为富web UI书写JavaScript的新方法_Java_Anil Bhatt_InfoQ精选文章