写点什么

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

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

关注

评论

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

服务区智慧管理系统(源码+文档+部署+讲解)

深圳亥时科技

智慧巡检平台(源码+文档+部署+讲解)

深圳亥时科技

利用 AI 获得 130% 超额收益

俞凡

人工智能 投资

从虚拟到现实:AI与AR/VR技术如何改变体验经济?

天津汇柏科技有限公司

增强现实 VR虚拟现实 AI 人工智能

小白必看 HarmonyOS Next HMRouter 轻松上手秘籍

万少

鸿蒙

超值选择:阿里云Elasticsearch Serverless在企业数据检索与分析中的高性能与灵活性

阿里云大数据AI技术

大数据 elasticsearch 阿里云 Serverless 云原生

Kafka核心逻辑介绍

京东科技开发者

【教程】第十二章 会议室预约管理

NocoBase

开源 项目管理 低代码 教程 无代码

一文让你通俗易懂信息安全与数据安全的区别

行云管家

网络安全 信息安全 数据安全 数字智能

WebGL的3D展示开发框架

北京木奇移动技术有限公司

3D模型 软件外包公司 webgl开发

AI 助力游戏开发中的常用算法实现

CodeBuddy

浅谈SQL优化小技巧

京东科技开发者

【FAQ】HarmonyOS SDK 闭源开放能力 — IAP Kit(4)

HarmonyOS SDK

harmoyos

指标平台与BI:区别、联系及协同

Aloudata

数据分析 指标管理 指标平台 指标开发 指标定义

【送礼品】诚邀体验SoFlu-JavaAl开发助手,重塑AI编码价值

飞算JavaAI开发助手

程序员 开发工具 Java. AI编程

实力上榜!云起无垠荣登“ISC安全大模型领域创新能力百强”

云起无垠

3分钟完成产品网页搭建

CodeBuddy

神奇的云管理-企业玩转云端的魔法棒

行云管家

云计算 云管平台 云管理

时间轮在 Netty , Kafka 中的设计与实现

bin的技术小屋

kafka Netty Java.

Flink State 状态原理解析

京东科技开发者

5分钟搞懂微服务架构治理

俞凡

架构 可观测性

启用声明式 DNS 只需一个 POST

NGINX开源社区

post DNS nginx 开源版 NGINX PLUS

食品派送管理平台(源码+文档+部署+讲解)

深圳亥时科技

不写一行代码,通义灵码 5 分钟“手撕”年会抽奖程序

阿里云云效

阿里云 云原生

中关村科技企业党建与发展大会:星辰天合 CEO 胥昕畅谈专精特新之路

XSKY星辰天合

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