jQuery 簡介

Last updated 4 years ago

Was this helpful?

jQuery 簡介

什麼是 jQuery？

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 技術的使用率：

等待 HTML 網頁內容下載完畢

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

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

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

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

如何取得 jQuery？

先連結 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 儲存在使用者端，以提升網頁的開啟速度。

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

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

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

PreviousCSS選擇器 Next$.cookie()

Last updated 4 years ago

Was this helpful?

什麼是 jQuery？

等待 HTML 網頁內容下載完畢

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

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

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

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

如何取得 jQuery？

jQuery 官網最新版：

各版本：可以下載壓縮版！+

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

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

CDN-Content delivery network

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

Hosted Libraries | Google DevelopersGoogle Developers

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

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