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 技術的使用率: 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 可以下載壓縮版!+

先連結 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>

Last updated