jQuery的添加到您的網頁
有幾種方法,開始您的網站使用jQuery。 您可以:
- 從jQuery.com下載jQuery庫
- 包括jQuery的從CDN,像谷歌
jQuery的下載
有jQuery的兩個版本可供下載:
- 量產版 - 這是為您的生活網站,因為它已被精縮和壓縮
- 開發版 - 這是用於測試和開發(未壓縮和可讀的代碼)
兩個版本都可以從下載jQuery.com 。
jQuery庫是一個JavaScript文件,並且你的HTML引用它<script>標記(注意, <script>標記應該是裡面<head>部分):
<head>
<script src="jquery-1.12.2.min.js"></script>
</head>
提示:將下載的文件在同一目錄下,你想使用它的頁面。
你想知道為什麼我們沒有type="text/javascript"裡面<script>標記?
這不是在HTML5必需的。 JavaScript是在HTML5和所有現代瀏覽器的默認腳本語言!
jQuery的CDN
如果你不想下載和託管jQuery的自己,你可以從一個CDN(內容分發網絡),包括它。
谷歌和微軟的主機jQuery的。
從谷歌或微軟使用jQuery,使用下列之一:
谷歌CDN:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
</head>
試一試» 微軟CDN:
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.2.min.js"></script>
</head>
試一試» 使用來自谷歌或微軟託管的jQuery的一大優勢:
訪問其他網站時,許多用戶已經從谷歌或微軟下載jQuery的。 這樣一來,它就會從緩存中,當他們訪問您的網站,從而導致更快的加載時間加載。 此外,大多數CDN的將確保一旦用戶請求從一個文件,它會從最接近他們的服務器上,這也導致更快的加載時間提供服務。