JQuery：修订间差异
删除的内容 添加的内容
无编辑摘要 |
无编辑摘要 |
||
| 第45行： | 第45行： | ||
jQuery有下列特色: |
jQuery有下列特色: |
||
* 跨浏览器的[[DOM]]元素选择 |
* 跨浏览器的[[DOM]]元素选择 |
||
* [[DOM]]巡訪與更改：支援[[CSS]] 1-3 |
* [[DOM]]巡訪與更改：支援[[CSS]] 1-3 |
||
* 事件（Events） |
* 事件（Events） |
||
* [[CSS]]操纵 |
* [[CSS]]操纵 |
||
| 第51行： | 第51行： | ||
* [[Ajax]] |
* [[Ajax]] |
||
* 延伸性（Extensibility） |
* 延伸性（Extensibility） |
||
* 工具：例如浏览器版本和<code lang="jQuery">each</code>函数。 |
* 工具：例如浏览器版本（已取消內建，改由jQuery Migrate plugin外掛提供）和<code lang="jQuery">each</code>函数。 |
||
* [[JavaScript]]插件 |
* [[JavaScript]]插件 |
||
* 轻量级 |
* 轻量级 |
||
| 第153行： | 第153行： | ||
| [http://blog.jquery.com/2007/09/10/jquery-12-jqueryextendawesome/ 2007年9月10日] |
| [http://blog.jquery.com/2007/09/10/jquery-12-jqueryextendawesome/ 2007年9月10日] |
||
| 1.2 |
| 1.2 |
||
|jQuery 1.2版以后默认取消[[XPath]]支持，改为插件支持 |
|||
| |
|||
|- |
|- |
||
| [http://blog.jquery.com/2007/09/16/jquery-121-quick-fixes-for-12/ 2007年9月16日] |
| [http://blog.jquery.com/2007/09/16/jquery-121-quick-fixes-for-12/ 2007年9月16日] |
||
2013年5月5日 (日) 12:49的版本
 | |
| 原作者 | John Resig |
|---|---|
| 開發者 | jQuery Team |
| 当前版本 | 2.0.0（2013年4月18日） |
| 预览版本 | 2.0 Beta 3（2013年4月9日） |
| 源代码库 | |
| 编程语言 | JavaScript |
| 类型 | 網頁應用程序框架 |
| 许可协议 | MIT许可证 |
| 网站 | jquery.com |
jQuery是一套跨瀏覽器的JavaScript函式庫，简化HTML與JavaScript之間的操作。[1]由John Resig在2006年1月的BarCamp NYC上釋出第一個版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中，有59%使用了jQuery，是目前最受歡迎的JavaScript函式庫[2][3]。
簡介
jQuery 是开源软件，使用MIT许可证授权。[4] jQuery的语法设计使得许多操作变得容易，如操作文档对象（document）、选择DOM元素、创建动画效果、处理事件、以及开发Ajax程序。jQuery 也提供了给开发人员在其上创建插件的能力。这使开发人员可以对底层交互与动画、高级效果和高级主题化的组件进行抽象化。模块化的方式使 jQuery 函数库能够创建功能强大的动态网页以及网络应用程序。
微软和诺基亚已宣布在他们的平台上绑定jQuery。[5] 微软最初在Visual Studio中集成了jQuery[6]以便在微软自己的 ASP.NET AJAX 框架和 ASP.NET MVC Framework 中使用，而诺基亚则在他的Web运行时组件开发平台中集成了jQuery[7]。MediaWiki自从1.16版本后也开始使用jQuery[8]。
jQuery 1.3版以後，引入全新的CSS选择器引擎Sizzle。[9] 同時不再提供Packed版本，因為解壓縮的消耗的時間，遠大於所節省的下載時間，且不利於Debug，且已有Google AJAX Libraries API等公開站台提供jQuery的js的引用服务，故Packed版本原本的優點已蕩然無存。
特点
jQuery有下列特色:
- 跨浏览器的DOM元素选择
- DOM巡訪與更改：支援CSS 1-3
- 事件（Events）
- CSS操纵
- 特效和動畫（移動顯示位置、淡入、淡出）
- Ajax
- 延伸性（Extensibility）
- 工具：例如浏览器版本（已取消內建，改由jQuery Migrate plugin外掛提供）和
each函数。 - JavaScript插件
- 轻量级
- jQuery 1.8.0版時（內建Sizzle.js）：
檔案 行數 大小 jquery-1.8.0.min.js 2 91KB jquery-1.8.0.js 9228 254KB
- 經由jQuery的DHTML DOM選擇器，可以更容易的操作在複雜的樹狀HTML中的任何DHTML DOM物件，並可用链式语法對同一物件的不同屬性進行操作。
- 例如：
$("p.surprise").addClass("ohmy").show("slow");
- 相當於
- 尋找HTML的<p>標簽，且其class為"surprise"的DHTML DOM物件
- 將其Class屬性多加上一個"ohmy"（通常是配CSS的定義做顯示時的配色修改）
- 開啟顯示
- 例如：
- CSS 1-3选择器：支持CSS选择器选定DOM对象。
- 跨浏览器：跨浏览器的AJAX解決方式，支持Internet Explorer 6.0+、Opera 9.0+、Firefox 2+、Safari 2.0+、Google Chrome 1.0+
- 简单：较其它JavaScript库更易于入门。
加載jQuery
使用CDN加载jQuery的好處是若不同的網站使用同樣的連結時可以不用重複下載，另外也可不用在自己的伺服器上部署jQuery檔案。
- 以jQuery 1.8.0版為例
- From Microsoft Ajax Content Delivery Network
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.0.min.js"></script>
- From Google Libraries API
- 其中1.8.0若改為1.8，可獲取1.8.x最新版本
- 改為1，可獲取1.x.x最新版本
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
- 或
<script src="https://www.google.com/jsapi"></script>
<script>
google.load("jquery", "1.8.0");
</script>
發佈版本
| 發佈日期 | 版本號碼 | 備註 |
|---|---|---|
| 2006年8月26日 | 1.0 | 最初的穩定版本 |
| 2006年8月31日 | 1.0.1 | |
| 2006年10月9日 | 1.0.2 | |
| 2006年10月27日 | 1.0.3 | |
| 2006年12月12日 | 1.0.4 | Last 1.0 bug fix |
| 2007年1月14日 | 1.1 | |
| 2007年1月22日 | 1.1.1 | |
| 2007年2月27日 | 1.1.2 | |
| 2007年7月1日 | 1.1.3 | |
| 2007年7月5日 | 1.1.3.1 | |
| 2007年8月24日 | 1.1.4 | |
| 2007年9月10日 | 1.2 | jQuery 1.2版以后默认取消XPath支持，改为插件支持 |
| 2007年9月16日 | 1.2.1 | |
| 2008年1月15日 | 1.2.2 | |
| 2008年2月8日 | 1.2.3 | |
| 2008年5月19日 | 1.2.4 | |
| 2008年5月21日 | 1.2.5 | 修正1.2.4版的bug |
| 2008年5月24日 | 1.2.6 | |
| 2009年1月14日 | 1.3 | Sizzle選擇器引擎導入至核心 |
| 2009年1月21日 | 1.3.1 | |
| 2009年2月20日 | 1.3.2 | |
| 2010年1月14日 | 1.4 | |
| 2010年1月25日 | 1.4.1 | |
| 2010年2月19日 | 1.4.2 | |
| 2010年10月16日 | 1.4.3 | |
| 2010年11月11日 | 1.4.4 | |
| 2011年1月31日 | 1.5 | |
| 2011年2月24日 | 1.5.1 | |
| 2011年3月31日 | 1.5.2 | |
| 2011年5月3日 | 1.6 | 改善 attr() 與 val() 的效能 |
| 2011年5月12日 | 1.6.1 | |
| 2011年6月30日 | 1.6.2 | |
| 2011年9月1日 | 1.6.3 | |
| 2011年9月12日 | 1.6.4 | |
| 2011年11月3日 | 1.7 | |
| 2011年11月21日 | 1.7.1 | |
| 2012年3月21日 | 1.7.2 | |
| 2012年8月9日 | 1.8.0 | Sizzle選擇器引擎重寫, 提高動畫與 $(html, props) 更具彈性. |
| 2012年8月30日 | 1.8.1 | |
| 2012年9月20日 | 1.8.2 | |
| 2012年11月13日 | 1.8.3 | |
| 2013年1月15日 | 1.9.0 | 移除過時API[10] |
| 2013年2月4日 | 1.9.1 | |
| 2013年4月18日 | 2.0.0 | 除去對Internet Explorer 6-8的支援以提高性能，並降低文件大小 |
子项目
以下项目均是源自于Interface插件
jQuery UI
基于jQuery的用户界面库，包括拖放、缩放、对话框、标签页等多个组件。
jQuery Tools
jQuery Tools是一個第三方的套件，基於jQuery。包括了标签页、表單驗證、滑鼠滾輪事件等多个组件。[11]
jQuery Mobile
基於jQuery的手機網頁製作工具，jQuery Mobile的網站上包含了網頁的設計工具、主題設計工具。另外jQuery Mobile的js插件包含了換頁、事件等的多項功能。[12]
相關書籍
- 英文
- Learning jQuery, ISBN 1-84719-250-5
- jQuery in Action, ISBN 1-933988-35-5
- Pro JavaScript Techniques, ISBN 1-59059-727-3
- 中文
- 锋利的jQuery , ISBN 978-7-115-20701-2
- 網頁設計？愛上jQuery, ISBN 978-986-6850-84-4
- Learning jQuery中文版，ISBN 978-986-6761-60-7
- jQuery UI & Plugins, ISBN 978-986-6551-11-6
參考資料
- ^ jQuery: The write less, do more, JavaScript library. The jQuery Project. [29 April 2010].
- ^ jQuery Usage Statistics. [2012-11-13].
- ^ Usage of JavaScript libraries for websites. W3Techs. [2010-07-08].
- ^ License – JQuery JavaScript Library. [2009-11-26].
- ^ Resig, John. jQuery, Microsoft, and Nokia. jQuery Blog. jQuery. 2008-09-28 [2009-01-29].
- ^ Guthrie, Scott. jQuery and Microsoft. ScottGu's Blog. 2008-09-28 [2009-01-29].
- ^ Guarana UI: A jQuery Based UI Library for Nokia WRT. Forum Nokia. [2010-03-30].
- ^ jQuery. MediaWiki. January 19, 2012 [March 11, 2012].
- ^ Release:jQuery 1.3.
- ^ jQuery Core 1.9 Upgrade Guide
- ^ http://jquerytools.org
- ^ http://jquerymobile.org
外部連結
- jQuery官方网站
- jQuery UI官方网站
- jQuery中文参考文档项目
- 15 Days Of jQuery……JQuery教學網站
- jQuery - Google Code（各版本JQuery的下載處）
- YouTube上的jQuery（2008年4月3日，Google Tech Talks）
- jQuery教學
- jQuery1.7 中文 API
- GBin1在线实例帮助你更好的了解jQuery功能特性（一）
- GBin1在线实例帮助你更好的了解jQuery功能特性（二）
- GBin1在线实例帮助你更好的了解jQuery功能特性（三）
- 【jQuery专题】分享各种优秀的jQuery插件和jQuery开发教程
- IntelliSense相關更新（VS2008 SP1）