跳转到内容

JQuery:修订间差异

维基百科,自由的百科全书
删除的内容 添加的内容
第374行: 第374行:


== 参考文献 ==
== 参考文献 ==
{{Reflist|2}}
{{Reflist|30em}}


== 相關書籍 ==
== 相關書籍 ==

2018年4月1日 (日) 20:29的版本

jQuery
原作者約翰·雷西格
開發者jQuery Team
当前版本3.3.1((2018年1月20日,​6年前​(2018-01-20))
源代码库 編輯維基數據鏈接
编程语言JavaScript
文件大小
ver gzip prod dev
1.x 31kb 90.9kb 266kb
2.x 27.7kb 81.6kb 236kb
3.x 262kb
(KB)
类型網頁應用程序框架
许可协议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");
相當於
  1. 尋找HTML的<p>標簽,且其class為"surprise"的DHTML DOM物件
  2. 將其Class屬性多加上一個"ohmy"(通常是配CSS的定義做顯示時的配色修改)
  3. 開啟顯示
  • 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]

参阅

参考文献

相關書籍

英文
中文

外部連結