写点什么

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:051572
用户头像

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

关注

评论

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

Nautilus Chain:模块化Layer3架构为RWA赛道构建基础设施

西柚子

TTS语音合成技术的挑战和未来发展

来自四九城儿

语音识别唤醒词的挑战与未来发展

来自四九城儿

如何在Cisco设备上停止Traceroute或Ping?

wljslmz

网络工程师 6 月 优质更文活动

方言语音数据在方言语音识别中的关键作用

来自四九城儿

Nautilus Chain:模块化Layer3架构为RWA赛道构建基础设施

大瞿科技

Nautilus Chain:模块化Layer3架构为RWA赛道构建基础设施

BlockChain先知

OpenHarmony/HarmonyOS路由跳转并传值

坚果

OpenHarmony 6 月 优质更文活动

问答对话文本数据,构建智能问答对话系统的基础

来自四九城儿

情感语音识别技术及其应用

来自四九城儿

语音识别唤醒词的技术与应用

来自四九城儿

ArkTS语言OpenHarmony/HarmonyOS项目代码规范

坚果

OpenHarmony 6 月 优质更文活动

【译】别用大炮打蚊子—ServiceMesh的替代方案

九零后程序员

nginx Service Mesh 网络 security 服务网格

驾驶新时代:车载语音识别的革命性进展与应用

来自四九城儿

车载语音数据的重要性及关键技术:打造智能驾驶的人机交互体验

来自四九城儿

k8s client-go源码分析 informer源码分析(4)-DeltaFIFO源码分析

良凯尔

容器 云原生 client Kubernetes, 云原生, eBPF Client-go

模块五作业:微博发评论高性能高可用架构

家有两宝

#架构训练营

情感语音识别技术的挑战和未来发展

来自四九城儿

情感语音识别数据的重要性及其在人机交互领域的应用

来自四九城儿

如何在 Linux 中从备份恢复 Crontab?

wljslmz

Linux Cron 6 月 优质更文活动

挖掘中国方言语音数据的重要性与应用

来自四九城儿

k8s client-go源码分析 informer源码分析(5)-Controller&Processor源码分析

良凯尔

云原生 Kubernetes, 云原生, eBPF Client-go

基于Linux设计的倒车雷达系统

DS小龙哥

6 月 优质更文活动

语音合成数据的重要性:打造自然流畅的语音合成体验

来自四九城儿

情感语音合成,让机器如真人一样和我们交流

来自四九城儿

探索中国方言多样性:中国方言数据库的重要性与应用

来自四九城儿

k8s client-go源码分析 informer源码分析(6)-Indexer源码分析

良凯尔

云原生 Kubernetes, 云原生, eBPF Client-go

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