jQuery的安裝方式

  jQuery,顧名思義,也就是JavaScript和Query(查詢),即輔助JavaScript開發的庫。jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype以後又一個優秀的JavaScript代碼庫(或JavaScript框架)。jQuery設計的宗旨是「write Less,Do More」,即倡導寫更少的代碼,作更多的事情。它封裝JavaScript經常使用的功能代碼,提供一種簡便的JavaScript設計模式,優化HTML文檔操做、事件處理、動畫設計和Ajax交互,jQuery的理念就是「write less do more」。javascript

  jQuery庫文件有2個版本,分別是1.x版本和2.x版本。可是1.x版本支持IE六、IE7和IE8,而2.x則再也不支持,目前依舊有不少人在使用的6/7/8等的版本,市場依舊很大,因此最新的版本不必定是最好的,因此建議使用1.x版本的,jQuery庫文件其實有2種類型:(1)開發版;(2)發佈版。開發版是沒有通過壓縮的,供給咱們學習jQuery的源碼使用,通常用jquery.js命名。而發佈版是通過壓縮的,供給咱們使用jQuery,通常用jquery.min.js命名,咱們開發用的通常都是壓縮的版本。java

  那麼該如何安裝jQuery呢?其實很簡單,跟CSS的引入是同樣的,只是本身的寫的jq的代碼必須寫在引入源碼的下面纔會有效,不然是無效的,必須是這種模式:jquery

<!--jQuery庫-->
<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<script  type="text/javascript">
    //這裏編寫你的jQuery代碼
</script>

  其實還有其餘的方式引入,這種方式也不少人用,就是直接引入,主要有如下幾個方式:Staticfile CDN、又拍雲、新浪、谷歌或微軟引用 jQueryajax

  Staticfile CDN:設計模式

<head>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
</head>

  又拍雲 CDN:api

<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:app

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>

  這些方式的引入會從緩存中加載 jQuery,這樣能夠減小加載時間。同時,大多數 CDN 均可以確保當用戶向其請求文件時,會從離用戶最近的服務器上返回響應,這樣也能夠提升加載速度。框架

相關文章
相關標籤/搜索