助理妹子并沒有過來,因?yàn)椤也]有助理?。?/p>
上一課說到怎么用,那么到底怎么用呢?嗯,就是像標(biāo)題那么用啦~
你使用工具去創(chuàng)造,總要先把工具箱拎過來才好開工;經(jīng)理依靠助理管理團(tuán)隊(duì),總要先把助理叫過來才好交待任務(wù)。我們也是一樣,要先把 JQuery 叫過來才能使用,叫它過來這個(gè)動(dòng)作稱作“引入”。
引入 JQuery 非常簡單,和引入一般的 JS 無異。所以常用的有兩種方式:本地引用和 CDN 引用。
本地引用呢,自然是將 JQuery 下載到本地,和其它的網(wǎng)頁文件放在一起,然后引用它。那么現(xiàn)在的問題就是在哪里下載它了。
下載東西最好的去處就是它的官網(wǎng),所以我們要到 JQuery 的官網(wǎng)(https://jquery.com/)進(jìn)行下載。但是很多同學(xué)一點(diǎn)下“Download”的按鈕就懵了,因?yàn)椴]有立刻開始下載,而是跳轉(zhuǎn)到了一個(gè)下載頁面,里面有好多鏈接,完全不知道接下來點(diǎn)擊哪一個(gè)好。在這里我來給大家解釋兩個(gè)最常用的鏈接。
Download the compressed, production jQuery 3.0.0——“compressed”是已經(jīng)被壓縮的,就是去掉了非必須的空白和換行以減少文件體積;“production” 意思是產(chǎn)品吧,既然已經(jīng)是成品了,自然是可以拿來就用的,這也是我們?nèi)粘V饕褂玫陌姹?。換言之:這是用在生產(chǎn)環(huán)境的版本。
Download the uncompressed, development jQuery 3.0.0——“uncompressed”沒有進(jìn)行壓縮的,就是保留著清晰縮進(jìn)、換行和注釋的,,當(dāng)然體積也比較大;“development”開發(fā),所以,這個(gè)版本是用來閱讀、學(xué)習(xí)和二次開發(fā)的。
本來這也就夠了,但是由于一些歷史原因,我們還不得不說說這幾個(gè)版本號(hào)。1.X (就是由 1. 開頭的版本,下同)版,是早期版本,所以兼容較低版本的瀏覽器;隨著發(fā)展,進(jìn)入了 2.X 時(shí)代,顯著特點(diǎn)就是不兼容低版本瀏覽器;最近又出了 3.X,反正又排除了一些舊的東西。據(jù)此,我們就可以選擇我們要使用的版本了。我們這里選用 3.0.0 版。
于是,我們的引入代碼就類似于醬紫——
<script type="text/javascript" src="jquery-3.0.0.min.js"></script>
當(dāng)然,相對地址的正確性要由你根據(jù)實(shí)際情況去進(jìn)行修改。
然后說 CDN 引入法,不過在這之前,我們得先說說啥是 CDN。CDN,全稱是 Content Delivery Network,翻譯過來是內(nèi)容分發(fā)網(wǎng)絡(luò)。然而并聽不懂!其實(shí)簡言之,CDN 和京東家的庫房是一個(gè)意思的。
比如本寶寶的書上市了,京東獨(dú)家首發(fā)。那是相當(dāng)?shù)幕鸨。羌一?,那真是鑼鼓喧天……我靠!你們別扔皮鞋!?。?/p>
京東可是次日(當(dāng)日)送達(dá)啊,現(xiàn)在全國各地都在搶購,如果他們堅(jiān)持每一本書都從出版社拿貨,再送到大家手里,那就是真的累成了狗,也未必就能按時(shí)送達(dá),這樣大家就不開心了,甚至索性不買了,那本寶寶肯定就要不開薰了!
但是,京東并還是這樣做的,所以我也并不需要急著哭泣。事實(shí)上京東在全國各地有許多的庫房,他們會(huì)預(yù)先將這些可能在全國火爆銷售的產(chǎn)品儲(chǔ)存在各個(gè)庫房(為什么說到這一句我覺得這么美?。?。然后哈爾濱的朋友購買就直接從黑龍江的庫房發(fā)貨,海南的朋友購買就從廣東發(fā)貨……這樣效率就高多了。
CDN 也是一樣,我們預(yù)先把網(wǎng)站中的資源存放在各地的服務(wù)器中,在需要的時(shí)候,由就近的服務(wù)器將資源發(fā)送給讀者,以提高訪問速度。
那么像 JQuery 這么常用的庫,自然已經(jīng)有很多 CDN 服務(wù)存放了,我們只要選擇一個(gè),進(jìn)行引用,就可以直接享受這份便利了。比如:
<script type="text/javascript" src="http://cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script>
然后,我們注意到這個(gè)地址和我們以往見到的地址有所不同,// 的前面并沒有 http: 或者 https:,其實(shí)這樣寫可以同時(shí)兼容這兩種協(xié)議。但是,大家在本地測試的時(shí)候,這樣寫可能就沒法有效的引用了,所以,在必要時(shí)可以自己添加 http: 以便可以在本地進(jìn)行測試。
本書是收費(fèi)的,不過交費(fèi)憑自覺。價(jià)格定義為每人請我喝一杯咖啡(哪種品質(zhì)的咖啡隨意),支付寶賬號(hào):
alay9999@163.com (劉源)
為了讓大家閱讀方便,本書將在如下站點(diǎn)發(fā)布,但最終內(nèi)容以主站為準(zhǔn):
未經(jīng)本人許可,禁止任何形式轉(zhuǎn)載。相關(guān)事宜請聯(lián)系: dms@zji.me