# jQuery 簡介

## 什麼是 jQuery？

&#x20;jQuery 是一套跨瀏覽器的 JavaScript 函式庫，簡化 HTML 與 JavaScript 之間的操作。由約翰 · 雷西格（John Resig）在 2006 年 1 月釋出第一個版本。目前是由 Dave Methvin 領導的開發團隊進行開發。全球前 10,000 個存取最高的網站中，有 65% 使用了 jQuery，是目前最受歡迎的 JavaScript 函式庫。（註：取自維基百科） jQuery 本來就是使用 Javascript 改寫出來的，因此，jQuery 和 Javascript 兩者皆是可以並存，相輔相成的。 所以，只要是 Javascript 能做到的是 jQuery 就一定做的到，不只做到，還能做的更好更快速。但如果是 Javascript 做不到的事，jQuery 也一樣做不到。jQuery 和 Javascript 的程式語法可以混合寫在一起，完全可正 常運作。目前 Javascript 技術的使用率： <https://www.similartech.com/categories/javascript>

### 等待 HTML 網頁內容下載完畢

```
window.onload = todo;
function todo() {
...
}
```

### DOM 結構被完整的讀取跟解析

```
document.addEventListener('DOMContentLoaded', todo);
function todo() {
...
}
```

```
$(function(){
...
});
```

## 如何取得 jQuery？

jQuery 官網 最新版： <http://www.jquery.com>

各版本： <http://code.jquery.com/jquery>  可以下載壓縮版！+

![](https://3336654295-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MDPdvZ3NzJOlXMhEq_2%2F-MKVF3AW1gzpPv758oMv%2F-MKVFIJlKIJSxiaUKyEq%2Fimage.png?alt=media\&token=2918a146-5788-4388-a44a-7d4c101d9d44)

先連結 jQuery 函式庫，再連結我們自己的。

```
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/index.js"></script>
```

## CDN-Content delivery network

CDN（Content delivery network）內容傳遞網路： 是指一種透過網際網路相互連接的電腦網路系統，利用最靠近每位使用者的伺服器，更快、更可靠地將檔案傳 送給使用者，來提供高效能、可擴展性及低成本的網路內容傳遞給使用者。（註：取自維基百科）具有快取效 果，只要開過一次網頁，就會將 jQuery 儲存在使用者端，以提升網頁的開啟速度。&#x20;

著名的 CDN 服務商：Google、Cloudflare、Microsoft

{% embed url="<https://developers.google.com/speed/libraries>" %}

先連結 jQuery 函式庫，再連結我們自己的。

```
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="js/index.js"></script>
```