description jQuery,顧名思義,也就是JavaScript和Query(查詢),即輔助JavaScript開發的庫。jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之後又一個優秀的JavaScript代碼庫(或JavaScript框架)。jQuery設計 ...
description
jQuery,顧名思義,也就是JavaScript和Query(查詢),即輔助JavaScript開發的庫。jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之後又一個優秀的JavaScript代碼庫(或JavaScript框架)。jQuery設計的宗旨是“write Less,Do More”,即倡導寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設計模式,優化HTML文檔操作、事件處理、動畫設計和Ajax交互,jQuery的理念就是“write less do more”。
jQuery庫文件有2個版本,分別是1.x版本和2.x版本。但是1.x版本支持IE6、IE7和IE8,而2.x則不再支持,目前依舊有很多人在使用的6/7/8等的版本,市場依舊很大,所以最新的版本不一定是最好的,所以建議使用1.x版本的,jQuery庫文件其實有2種類型:(1)開發版;(2)發佈版。開發版是沒有經過壓縮的,供給我們學習jQuery的源碼使用,一般用jquery.js命名。而發佈版是經過壓縮的,供給我們使用jQuery,一般用jquery.min.js命名,我們開發用的一般都是壓縮的版本。
那麼該如何安裝jQuery呢?其實很簡單,跟CSS的引入是一樣的,只是自己的寫的jq的代碼必須寫在引入源碼的下麵才會有效,否則是無效的,必須是這種模式:
<!--jQuery庫--> <script type="text/javascript" src="jquery-1.11.3.min.js"></script> <script type="text/javascript"> //這裡編寫你的jQuery代碼 </script>
其實還有其他的方式引入,這種方式也很多人用,就是直接引入,主要有以下幾個方式:Staticfile CDN、又拍雲、新浪、谷歌或微軟引用 jQuery
Staticfile CDN:
<head> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> </head>
又拍雲 CDN:
<head> <script src="https://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js"> </script> </head>
百度 CDN:
<head> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"> </script> </head>
新浪 CDN:
<head> <script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"> </script> </head>
Google CDN:
<head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> </head>
這些方式的引入會從緩存中載入 jQuery,這樣可以減少載入時間。同時,大多數 CDN 都可以確保當用戶向其請求文件時,會從離用戶最近的伺服器上返迴響應,這樣也可以提高載入速度。