JQuery:修订间差异
小无编辑摘要 |
无编辑摘要 |
||
第1行: | 第1行: | ||
{{NoteTA |
{{NoteTA |
||
|G1=IT |
|G1 = IT |
||
|G2=FL |
|G2 = FL |
||
}} |
}} |
||
{{lowercase}} |
{{lowercase}} |
||
第24行: | 第24行: | ||
}} |
}} |
||
'''jQuery'''是一套跨[[瀏覽器]]的[[JavaScript]][[函式庫]],简化[[HTML]]與JavaScript之間的操作。<ref name="jquery.com">{{cite web|url=http://jquery.com/|title=jQuery: The write less, do more, JavaScript library|publisher=The jQuery Project|accessdate=29 April 2010}}</ref>由[[約翰·雷西格]]({{lang|en|John Resig}})在2006年1月的BarCamp NYC上釋出第一個版本。目前是由Dave Methvin领导的开发团队进行开发。全球前10000个访问最高的网站中,有65%使用了jQuery,是目前最受歡迎的JavaScript函式庫<ref>{{cite web |url=http://trends.builtwith.com/javascript/JQuery |title=jQuery Usage Statistics|accessdate=2013-05-17}}</ref><ref>{{cite web |url=http://w3techs.com/technologies/overview/javascript_library/all|title=Usage of JavaScript libraries for websites|publisher=W3Techs|accessdate=2010-07-08}}</ref>。 |
'''jQuery'''是一套跨[[瀏覽器]]的[[JavaScript]][[函式庫]],简化[[HTML]]與JavaScript之間的操作。<ref name="jquery.com">{{cite web |url = http://jquery.com /|title=jQuery: The write less, do more, JavaScript library|publisher=The jQuery Project|accessdate=29 April 2010}}</ref>由[[約翰·雷西格]]({{lang|en|John Resig}})在2006年1月的BarCamp NYC上釋出第一個版本。目前是由Dave Methvin领导的开发团队进行开发。全球前10000个访问最高的网站中,有65%使用了jQuery,是目前最受歡迎的JavaScript函式庫<ref>{{cite web |url = http://trends.builtwith.com/javascript/JQuery |title=jQuery Usage Statistics |accessdate=2013-05-17}}</ref><ref>{{cite web |url = http://w3techs.com/technologies/overview/javascript_library/all|title=Usage of JavaScript libraries for websites|publisher=W3Techs|accessdate=2010-07-08}}</ref>。 |
||
== 簡介 == |
== 簡介 == |
||
jQuery是[[开源软件]],使用[[MIT许可证]]授权。<ref>{{cite web |url=http://docs.jquery.com/License |title=License – JQuery JavaScript Library |accessdate=2009-11-26}}</ref> jQuery的语法设计使得许多操作变得容易,如操作-{zh-hans:文档对象;zh-hant:文件;}-(document)、选择[[文档对象模型]]({{lang|en|DOM}})元素、创建[[动画]]效果、处理[[事件 (计算机)|事件]]、以及开发[[AJAX|Ajax]]程序。jQuery也提供了给开发人员在其上创建[[插件]]的能力。这使开发人员可以对底层交互与动画、高级效果和高级主题化的组件进行抽象化。模块化的方式使jQuery函数库能够创建功能强大的[[动态HTML|动态网页]]以及[[网络应用程序]]。 |
jQuery是[[开源软件]],使用[[MIT许可证]]授权。<ref>{{cite web |url=http://docs.jquery.com/License |title=License – JQuery JavaScript Library |accessdate=2009-11-26}}</ref> jQuery的语法设计使得许多操作变得容易,如操作-{zh-hans:文档对象;zh-hant:文件;}-(document)、选择[[文档对象模型]]({{lang|en|DOM}})元素、创建[[动画]]效果、处理[[事件 (计算机)|事件]]、以及开发[[AJAX|Ajax]]程序。jQuery也提供了给开发人员在其上创建[[插件]]的能力。这使开发人员可以对底层交互与动画、高级效果和高级主题化的组件进行抽象化。模块化的方式使jQuery函数库能够创建功能强大的[[动态HTML|动态网页]]以及[[网络应用程序]]。 |
||
[[微软]]和[[诺基亚]]已宣布在他们的平台上绑定jQuery。<ref name="2008-09-28">{{cite web |url=http://blog.jquery.com/2008/09/28/jquery-microsoft-nokia/ |title=jQuery, Microsoft, and Nokia |date=2008-09-28 |last=Resig |first=John |publisher=jQuery |work=jQuery Blog |accessdate=2009-01-29 }}</ref>微软最初在[[Visual Studio]]中集成了jQuery<ref>{{cite web |url=http://weblogs.asp.net/scottgu/archive/2008/09/28/jquery-and-microsoft.aspx |title=jQuery and Microsoft |last=Guthrie |first=Scott |work=ScottGu's Blog |date=2008-09-28 |accessdate=2009-01-29 }}</ref>以便在微软自己的[[ASP.NET AJAX]]框架和[[ASP.NET MVC Framework]]中使用,而诺基亚则在他的Web运行时组件开发平台中集成了jQuery<ref>{{cite web |url=http://wiki.forum.nokia.com/index.php/Guarana_UI:_a_jQuery-Based_UI_Library_for_Nokia_WRT |title=Guarana UI: A jQuery Based UI Library for Nokia WRT |accessdate=2010-03-30 |work=Forum Nokia}}</ref>。[[MediaWiki]]自从1.16版本后也开始使用jQuery<ref>{{cite web|url=http://www.mediawiki.org/wiki/JQuery |title=jQuery |publisher=MediaWiki |date=January 19, 2012 |accessdate=March 11, 2012}}</ref>。 |
[[微软]]和[[诺基亚]]已宣布在他们的平台上绑定jQuery。<ref name="2008-09-28">{{cite web |url = http://blog.jquery.com/2008/09/28/jquery-microsoft-nokia/ |title = jQuery, Microsoft, and Nokia |date=2008-09-28 |last=Resig |first=John |publisher=jQuery |work = jQuery Blog |accessdate=2009-01-29 }}</ref>微软最初在[[Visual Studio]]中集成了jQuery<ref>{{cite web |url = http://weblogs.asp.net/scottgu/archive/2008/09/28/jquery-and-microsoft.aspx |title = jQuery and Microsoft |last=Guthrie |first=Scott |work=ScottGu's Blog |date=2008-09-28 |accessdate=2009-01-29 }}</ref>以便在微软自己的[[ASP.NET AJAX]]框架和[[ASP.NET MVC Framework]]中使用,而诺基亚则在他的Web运行时组件开发平台中集成了jQuery<ref>{{cite web |url = http://wiki.forum.nokia.com/index.php/Guarana_UI:_a_jQuery-Based_UI_Library_for_Nokia_WRT |title = Guarana UI: A jQuery Based UI Library for Nokia WRT |accessdate=2010-03-30 |work=Forum Nokia}}</ref>。[[MediaWiki]]自从1.16版本后也开始使用jQuery<ref>{{cite web |url = http://www.mediawiki.org/wiki/JQuery |title=jQuery |publisher=MediaWiki |date = January 19, 2012 |accessdate=March 11, 2012}}</ref>。 |
||
jQuery 1.3版以後,引入全新的[[層疊樣式表]]({{lang|en|CSS}})选择器引擎Sizzle。<ref>{{cite web |
jQuery 1.3版以後,引入全新的[[層疊樣式表]]({{lang|en|CSS}})选择器引擎Sizzle。<ref>{{cite web |
||
| |
|language = en |
||
| |
|publisher = |
||
| |
|title = Release:jQuery 1.3 |
||
| |
|url = http://docs.jquery.com/Release:jQuery_1.3 |
||
| |
|author = |
||
| |
|date = |
||
| |
|accessdate = |
||
}}</ref> |
}}</ref> |
||
同時不再提供Packed版本,因為解壓縮的消耗的時間,遠大於所節省的下載時間,且不利於[[除錯]],且已有Google AJAX Libraries API等公開站台提供jQuery的js的引用服务,故Packed版本原本的優點已蕩然無存。 |
同時不再提供Packed版本,因為解壓縮的消耗的時間,遠大於所節省的下載時間,且不利於[[除錯]],且已有Google AJAX Libraries API等公開站台提供jQuery的js的引用服务,故Packed版本原本的優點已蕩然無存。 |
||
第340行: | 第340行: | ||
=== jQuery Tools === |
=== jQuery Tools === |
||
jQuery Tools是一個第三方的套件,基於jQuery。包括了[[标签]]页、表單驗證、滑鼠滾輪事件等多个组件。<ref>http://jquerytools.org</ref> |
jQuery Tools是一個第三方的套件,基於jQuery。包括了[[标签]]页、表單驗證、滑鼠滾輪事件等多个组件。<ref>http://jquerytools.org</ref> |
||
=== jQuery Mobile === |
=== jQuery Mobile === |
||
基於jQuery的手機網頁製作工具,jQuery Mobile的網站上包含了網頁的設計工具、主題設計工具。另外jQuery Mobile的js插件包含了換頁、事件等的多項功能。<ref>http://jquerymobile.org</ref> |
基於jQuery的手機網頁製作工具,jQuery Mobile的網站上包含了網頁的設計工具、主題設計工具。另外jQuery Mobile的js插件包含了換頁、事件等的多項功能。<ref>http://jquerymobile.org</ref> |
||
⚫ | |||
⚫ | |||
== 相關書籍 == |
== 相關書籍 == |
||
第358行: | 第362行: | ||
* jQuery UI & Plugins, ISBN 978-986-6551-11-6 |
* jQuery UI & Plugins, ISBN 978-986-6551-11-6 |
||
{{refend}} |
{{refend}} |
||
⚫ | |||
⚫ | |||
== 外部連結 == |
== 外部連結 == |
||
第366行: | 第367行: | ||
* [http://jqueryui.com/ jQuery UI官方网站] |
* [http://jqueryui.com/ jQuery UI官方网站] |
||
* [http://code.google.com/p/jqueryjs/ jQuery - Google Code](各版本JQuery的下載處) |
* [http://code.google.com/p/jqueryjs/ jQuery - Google Code](各版本JQuery的下載處) |
||
* {{ |
* {{Youtube|8mwKq7_JlS8|jQuery}}(2008年4月3日,Google Tech Talks) |
||
[[Category:JavaScript函式庫]] |
[[Category:JavaScript函式庫]] |
2015年4月6日 (一) 06:26的版本
原作者 | 約翰·雷西格 |
---|---|
開發者 | jQuery Team |
当前版本 |
|
源代码库 | |
编程语言 | JavaScript |
类型 | 網頁應用程序框架 |
许可协议 | MIT许可证 |
网站 | jquery.com |
jQuery是一套跨瀏覽器的JavaScript函式庫,简化HTML與JavaScript之間的操作。[2]由約翰·雷西格(John Resig)在2006年1月的BarCamp NYC上釋出第一個版本。目前是由Dave Methvin领导的开发团队进行开发。全球前10000个访问最高的网站中,有65%使用了jQuery,是目前最受歡迎的JavaScript函式庫[3][4]。
簡介
jQuery是开源软件,使用MIT许可证授权。[5] jQuery的语法设计使得许多操作变得容易,如操作文档对象(document)、选择文档对象模型(DOM)元素、创建动画效果、处理事件、以及开发Ajax程序。jQuery也提供了给开发人员在其上创建插件的能力。这使开发人员可以对底层交互与动画、高级效果和高级主题化的组件进行抽象化。模块化的方式使jQuery函数库能够创建功能强大的动态网页以及网络应用程序。
微软和诺基亚已宣布在他们的平台上绑定jQuery。[6]微软最初在Visual Studio中集成了jQuery[7]以便在微软自己的ASP.NET AJAX框架和ASP.NET MVC Framework中使用,而诺基亚则在他的Web运行时组件开发平台中集成了jQuery[8]。MediaWiki自从1.16版本后也开始使用jQuery[9]。
jQuery 1.3版以後,引入全新的層疊樣式表(CSS)选择器引擎Sizzle。[10] 同時不再提供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[11] |
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[12] |
2011年11月21日 | 1.7.1 | |
2012年3月21日 | 1.7.2 | |
2012年8月9日 | 1.8.0 | Sizzle選擇器引擎重寫,提高動畫與$(html, props)更具彈性.,移除過時API[13] |
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[14] |
2013年2月4日 | 1.9.1 | |
2013年5月23日 | 1.10.0 | 移除過時API[15] |
2013年5月30日 | 1.10.1 | |
2013年7月3日 | 1.10.2 | |
2014年1月24日 | 1.11.0 | |
2014年5月1日 | 1.11.1 | |
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 |
子项目
以下项目均是源自于Interface插件
jQuery UI
基于jQuery的用户界面库,包括拖放、缩放、对话框、标签页等多个组件。
jQuery Tools
jQuery Tools是一個第三方的套件,基於jQuery。包括了标签页、表單驗證、滑鼠滾輪事件等多个组件。[16]
jQuery Mobile
基於jQuery的手機網頁製作工具,jQuery Mobile的網站上包含了網頁的設計工具、主題設計工具。另外jQuery Mobile的js插件包含了換頁、事件等的多項功能。[17]
参考文献
- ^ jQuery 3.7.1 Released: Reliable Table Row Dimensions. 2023年8月28日.
- ^ / 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].
- ^ 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
- ^ 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官方网站
- jQuery UI官方网站
- jQuery - Google Code(各版本JQuery的下載處)
- YouTube上的jQuery(2008年4月3日,Google Tech Talks)