写点什么

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

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

关注

评论

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

软件测试丨SDK 接口测试

测试人

软件测试

1688拍立淘图片搜索商品接口系列(1688 API)

tbapi

1688API接口 1688图片搜索接口 1688拍立淘接口

文献解读-Pathogenic variants carrier screening in New Brunswick: Acadians reveal high carrier frequency for multiple genetic disorde

INSVAST

基因测序 生信服务 遗传病 Sentieon 变异检测

深入理解 Go 语言中的 interface 设计思想

cqyanbo

Golang Error处理:机制与最佳实践

cqyanbo

效率成倍提升:某货运航空公司的云原生落地实践

北京好雨科技有限公司

Kubernetes 云原生 rainbond 企业号 1 月 PK 榜

昇腾AI行业案例(一):基于AI图像处理的疲劳驾驶检测

AI布道Mr.Jin

昇腾AI行业案例(二):基于 AI 图像处理的安全帽检测

AI布道Mr.Jin

国产AI卷翻硅谷,奥特曼发文“阴阳”,类o1模型都在卷什么?

脑极体

AI’

对话 TDengine 解决方案中心总经理陈肃:构建技术与市场的桥梁

TDengine

数据库 tdengine

Hive引擎底层初探

京东科技开发者

高并发场景下的库存管理,理论与实战能否兼得?

京东科技开发者

未来5年,企业变革的底层逻辑变了

禅道项目管理

DevOps 项目管理软件 GenAI 企业变革

高并发系统的艺术:如何在流量洪峰中游刃有余

京东科技开发者

国内首个输出分步式讲解推理模型“子曰-o1”正式发布,消费级显卡即可部署

科技热闻

昇腾AI行业案例(三):基于 AI 图像处理的铝板缺陷检测

AI布道Mr.Jin

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