jQuery的安裝方式


  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 都可以確保當用戶向其請求文件時,會從離用戶最近的服務器上返回響應,這樣也可以提高加載速度。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM