写点什么

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

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

关注

评论

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

深度学习怎么选"炼丹炉"

Finovy Cloud

深度学习 云电脑 云电脑平台 云电脑云桌面

双十一特惠上云抢抓数字红利!华为云Flexus X以经济价格实现旗舰体验

轶天下事

双十一中小企业数字化转型再提速!华为云Flexus X实例降本增效有妙招

轶天下事

Python库版本检查:简单步骤全掌握

幂简集成

Python

天润融通活动预告丨走进上汽集团,探秘数智标杆

天润融通

淘宝 1688 API 接口助力构建高效跨境独立站系统

tbapi

淘宝代购集运系统 外贸独立站 反向海淘系统 跨境独立站

企业云盘推荐:11款主流网盘优劣势分析

易成研发中心

成本下降、性能提升!双十一企业上云就选华为云Flexus X实例

轶天下事

双十一聚焦企业上云用云需求,华为云Flexus X实例成本更低、效率更高

轶天下事

亚马逊云科技宣布新推出Elasticahe for Redis的 Valkey缓存

伊克罗德信息科技

量化训练及精度调优经验分享

地平线开发者

自动驾驶; 算法、

探索 Meme 项目 GAGA:2024 年新的万倍前瞻,助你走向巅峰

股市老人

2024年企业云盘推荐:十大实用工具解析

易成研发中心

施工管理工具如何选?9款实用软件推荐

爱吃小舅的鱼

施工管理工具

天润融通“AI破局 • 聚力增长”主题论坛圆满收官

天润融通

风霜雨雪总关情:气象局如何推进实时数据在环境和气候科学的应用实践,让气象数据供得出、流得动、用得上

tapdata

实时数据集成 mongodb聚合计算 气象数据 气象数据平台

OpenTelemetry 赋能DevOps流程的可观测性革命

乘云数字DataBuff

DevOps 运维 OpenTelemetry

双十一云服务器新选择!华为云Flexus X实例赋能业务高效运行

轶天下事

双十一加速数智转型!华为云Flexus X实例让云服务更灵活、高效、安全

轶天下事

鸿蒙NEXT自定义组件:太极Loading

zhongcx

双十一实测华为云Flexus X实例更值得选!这一领先技术优势明显

轶天下事

双十一华为云Flexus X实例重磅亮相!打造中小企业上云坚实底座

轶天下事

新业财税资档一体化:全面营运资金管理就选用友BIP超级版

用友BIP

避免赛事版权风险!开发合法获取赛事内容体育直播平台

软件开发-梦幻运营部

双十一柔性算力随心配!华为云Flexus云服务器X实例让上云更轻松

轶天下事

易点天下受邀出席甲骨文中国创新峰会 共探AI加速中企高质量出海

新消费日报

深入分析2024年文档管理系统排名:十大工具对比

易成研发中心

双十一见证高效上云之路!华为云Flexus云服务器X实例助力企业云端腾飞

轶天下事

数智化背景下审计行业的变革与应对之策

不在线第一只蜗牛

低代码 数智化

产品管理和项目管理有哪些不同的工作重点?

爱吃小舅的鱼

项目管理 产品管理

DeepL Voice:会议、对话实时语音翻译工具;吴佳俊团队:场景语言,智能补全文本到 3D 的场景理解

声网

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