【AICon】探索RAG 技术在实际应用中遇到的挑战及应对策略!AICon精华内容已上线73%>>> 了解详情
写点什么

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

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

关注

评论

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

🛠 Open Source Instant Messaging (IM) Project OpenIM Source Code

Geek_1ef48b

《2024年金融业生成式AI应用报告》:已有6家上市银行发布大模型技术应用进展

科技热闻

构建端到端可观测全景丨云栖大会可观测分享实录

阿里巴巴云原生

阿里云 Serverless Kubernetes 云原生

存内计算技术打破常规算力局限性

小明Java问道之路

解密三维CAD选择难题,谁是企业研发设计的「最佳拍档」?

ToB行业头条

WorkPlus打造高效协作的即时通讯工具,提升工作效率

WorkPlus

reptimeAI + Xinference 联合方案:高效部署并监控你的 LLM 应用

Greptime 格睿科技

监控 openai LLM模型 Greptime GreptimeDB

利用Python实现科学式占卜

攻城狮Wayne

《设计模式之美》PDF

程序员李木子

探究HTTP代理爬虫的反爬虫策略

百度搜索:蓝易云

云计算 Linux 运维 HTTP 云服务器

2024 年入局大模型:是否为时已晚?

快乐非自愿限量之名

人工智能 AI技术 GPT

如何降低微服务复杂度丨云栖大会微服务主题分享实录

阿里巴巴云原生

阿里云 微服务 云原生

ClickHouse分析效率翻倍提升,揭秘奇点云对归因分析场景的优化实践

奇点云

奇点云 clickhosue DataKun

演讲回顾 | 清晖资深讲师分析敏捷实践的最新趋势,帮助大型企业落地敏捷开发

龙智—DevSecOps解决方案

敏捷 Atlassian

谈谈 RocketMQ 5.0 分级存储背后一些有挑战的技术优化

阿里巴巴云原生

阿里云 RocketMQ 云原生

centos7系统逻辑分区磁盘扩展教程

百度搜索:蓝易云

云计算 Linux centos 运维 云服务器

Ubuntu系统通用镜像加速配置教程

百度搜索:蓝易云

云计算 Linux ubuntu 运维 云服务器

uniapp vuecli项目融合[小记]:将多个项目融合,打包成一个小程序/App,拆分多个H5应用

达摩

小程序 uni-app vue cli

2024年值得推荐的 API 开发工具

快乐非自愿限量之名

推荐 测试 开发工具 API

【教程】如何在苹果手机上查看系统文件?

雪奈椰子

Atlassian为Jira、Confluence引入AI新功能,进一步释放团队潜能

龙智—DevSecOps解决方案

AI Atlassian

2023 年度技术盘点:从13个企业关心的问题看懂用云范式的改变

阿里巴巴云原生

阿里云 容器 云原生

Atlassian 停服 Bamboo,CI/CD 用不了了?教你快速迁移到极狐GitLab CI

极狐GitLab

独立站的客户支持体系:提高客户满意度的秘密武器

技术冰糖葫芦

API

WorkPlus开启高效沟通新时代,领先的IM工具之选

WorkPlus

C# 方法详解:定义、调用、参数、默认值、返回值、命名参数、方法重载全解析

小万哥

C# 程序人生 编程语言 软件工程 后端开发

Go 定时器:Timer 和 Ticker

陈明勇

Go golang Go定时器

《设计模式:可复用面向对象软件的基础》PDF

程序员李木子

2024 年最新版Java面试题及答案整理(纯干货,超详细)

架构师之道

程序员 java面试

目标主力能源:华为智能光伏的时代指南针

脑极体

AI 能源

vue-office文档预览跨域问题

麦兜

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