写点什么

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

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

关注

评论

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

CodeArts Snap:辅助你编程的神器

华为云开发者联盟

云计算 华为云 企业号 2 月 PK 榜 华为云开发者联盟

架构训练营模块六作业

gigifrog

关于云原生,我问了ChatGPT几个问题......

拓维信息

DevOps 云原生 ChatGPT

大数据时代下的企业网络安全

镭速

软件测试/测试开发 | 黑盒测试方法论—边界值

测试人

软件测试 自动化测试 测试开发 测试用例 测试方法

抽丝剥茧!为您揭秘ChatGPT背后的数据库

华为云开发者联盟

数据库 华为云 ChatGPT 企业号 2 月 PK 榜 华为云开发者联盟

数据服务门槛再提升,这个“TOP1玩家”凭何再度领军?

澳鹏Appen

人工智能 自动驾驶 智能驾驶 数据标注

怎么写一份好的接口文档?

Liam

Java API 免费API接口 API接口 API接口文档

ChatGPT 可收费的那种产品该如何实现?一点尝试 | 社区征文

非喵鱼

Java openai ChatGPT

软件测试/测试开发 | 黑盒测试方法论—等价类

测试人

软件测试 自动化测试 测试开发 测试用例 测试方法

Bytebase:让数据库管理和协作变得无缝

天黑黑

MySQL 云原生 dba 数据库管理工具

2023年1月用户体验GX评测:商业银行抢抓新春营销旺季,多措并举持续提升用户体验

易观分析

金融 银行 经济

GitHub标星30K+的Java面试八股文长啥样?

小小怪下士

Java 程序员 面试

阿凡达(Avata)泰山众筹系统开发部署技术

薇電13242772558

智能合约 dapp

手把手教大家在 gRPC 中使用 JWT 完成身份校验

江南一点雨

Java gRPC

大势前瞻!文旅还是短视频,你弯道超车风口在这了

引迈信息

创业 投资 短视频 旅游 创业项目风口

2023 版最新大数据面试宝典

五分钟学大数据

大数据 大数据面试

一款互联网SaaS产品都包含哪些内容

Y

数据隔离方案

Y

软件测试/测试开发 | 黑盒测试方法论—场景法

测试人

软件测试 自动化测试 测试开发 测试用例 测试方法

【立哥】【每日一个小知识】“奔”字为什么这样写?

Lee Chen

Zebec生态持续深度布局,ZBC通证月内翻倍或只是开始

西柚子

Zebec官方辟谣“我们与Protradex没有任何关系”

西柚子

软件测试/测试开发 | 黑盒测试方法论—因果图

测试人

软件测试 自动化测试 测试开发 测试用例 测试方法

大数据应用场景下,标签策略如何实现价值最大化?

袋鼠云数栈

标签体系

详解神经网络基础部件BN层

华为云开发者联盟

人工智能 华为云 企业号 2 月 PK 榜 华为云开发者联盟

架构实战营模块1作业

新耀东方-2023第二届上海网络安全博览会暨高峰论坛 SCSF-SHANGHAI CYBER SECURITY FAIR AND SUMMIT FORUM 2023

Anthony

网络安全 信息安全 大数据 开源

netstat与ss

飞翔

HarmonyOS Connect认证测试

HarmonyOS开发者

HarmonyOS

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