JQuery:修订间差异
第374行: | 第374行: | ||
== 参考文献 == |
== 参考文献 == |
||
{{Reflist| |
{{Reflist|30em}} |
||
== 相關書籍 == |
== 相關書籍 == |
2018年4月1日 (日) 20:29的版本
原作者 | 約翰·雷西格 | ||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
開發者 | jQuery Team | ||||||||||||||||
当前版本 | 3.3.1((2018年1月20日 | ))||||||||||||||||
源代码库 | |||||||||||||||||
编程语言 | JavaScript | ||||||||||||||||
文件大小 |
| ||||||||||||||||
类型 | 網頁應用程序框架 | ||||||||||||||||
许可协议 | MIT许可证 | ||||||||||||||||
网站 | jquery.com |
jQuery是一套跨瀏覽器的JavaScript函式庫,简化HTML與JavaScript之間的操作。[1]由約翰·雷西格(John Resig)在2006年1月的BarCamp NYC上釋出第一個版本。目前是由Dave Methvin领导的开发团队进行开发。全球前10,000个访问最高的网站中,有65%使用了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版本,因為解壓縮的消耗的時間,遠大於所節省的下載時間,且不利於除錯,且已有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
- DHTML DOM選擇器與链式语法
- 經由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
使用內容傳遞網路(Content Delivery Network)加载jQuery的好處是若不同的網站使用同樣的連結時可以不用重複下載,另外也可不用在自己的伺服器上部署jQuery檔案。
- 以jQuery 1.10.2版為例
- From Microsoft Ajax Content Delivery Network
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.10.2.min.js"></script>
- From Google Libraries API
- 其中1.10.2若改為1.10,可獲取1.10.x最新版本
- 改為1,可獲取1.x.x最新版本
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
- 或
<script src="https://www.google.com/jsapi"></script>
<script>
google.load("jquery", "1.10.2");
</script>
- From cdnjs.cloudflare.com
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
發佈版本
JQuery目前分成1.x版與2.x版,這兩種發佈版本,後者不再支援IE 6/7/8,前者透過jQuery Migrate plugin與先前版本保持相容。
發佈日期 | 版本號碼 | 備註 |
---|---|---|
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選擇器引擎導入至核心,移除過時API[10] |
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 | 移除過時API[11] |
2011年11月21日 | 1.7.1 | |
2012年3月21日 | 1.7.2 | |
2012年8月9日 | 1.8.0 | Sizzle選擇器引擎重寫,提高動畫與$(html, props)更具彈性.,移除過時API[12] |
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[13] |
2013年2月4日 | 1.9.1 | |
2013年5月23日 | 1.10.0 | 移除過時API[14] |
2013年5月30日 | 1.10.1 | |
2013年7月3日 | 1.10.2 | |
2014年1月24日 | 1.11.0 | |
2014年5月1日 | 1.11.1 | |
2014年12月18日 | 1.11.2 | |
2015年4月28日 | 1.11.3 | 修復在iOS 8.2與8.3裡的錯誤。 |
2013年4月18日 | 2.0.0 | 除去對Internet Explorer 6-8的支援以提高性能,並降低文件大小 |
2013年5月24日 | 2.0.1 | |
2013年5月30日 | 2.0.2 | |
2013年7月3日 | 2.0.3 | |
2014年1月24日 | 2.1.0 | |
2014年5月1日 | 2.1.1 | |
2.1.2 | ||
2014年12月18日 | 2.1.3 | |
2015年4月28日 | 2.1.4 | 修復在iOS 8.2與8.3裡的錯誤。 |
子项目
以下项目均是源自于Interface插件
jQuery UI
基于jQuery的用户界面库,包括拖放、缩放、对话框、标签页等多个组件。
jQuery Tools
jQuery Tools是一個第三方的套件,基於jQuery。包括了标签页、表單驗證、滑鼠滾輪事件等多个组件。[15]
jQuery Mobile
基於jQuery的手機網頁製作工具,jQuery Mobile的網站上包含了網頁的設計工具、主題設計工具。另外jQuery Mobile的js插件包含了換頁、事件等的多項功能。[16]
参阅
参考文献
- ^ / jQuery: The write less, do more, JavaScript library 请检查
|url=
值 (帮助). The jQuery Project. [29 April 2010]. - ^ jQuery Usage Statistics. [2013-05-17].
- ^ 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]. (原始内容存档于2009-11-23).
- ^ jQuery. MediaWiki. January 19, 2012 [March 11, 2012].
- ^ Release:jQuery 1.3 (英语).
- ^ https://api.jquery.com/category/deprecated/deprecated-1.3/
- ^ https://api.jquery.com/category/deprecated/deprecated-1.7/
- ^ https://api.jquery.com/category/deprecated/deprecated-1.8/
- ^ jQuery Core 1.9 Upgrade Guide
- ^ https://api.jquery.com/category/deprecated/deprecated-1.10/
- ^ http://jquerytools.org 互联网档案馆的存檔,存档日期2014-07-21.
- ^ http://jquerymobile.org
相關書籍
- 英文
- 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 指南 ISBN 9789572244173
外部連結
- jQuery官方网站
- jQuery UI官方网站
- jQuery - Google Code(各版本JQuery的下載處)
- YouTube上的jQuery(2008年4月3日,Google Tech Talks)
- Github上的jQuery 原始碼