要撰寫前端功能，直接使用JavaScript是絕對可行的，但要更有效率、具有良好開發體驗的話，使用Library是現今開發者多數的選擇(當然挑選也是一門學問)，有效使用 Library，基本上能縮短開發時程、縮短程式碼數量或更有架構的規劃功能，可以讓專案的管理與維護更加便利。
其中jQuery可以說是相當熱門的Library，在學了基礎的JavaScript後的第四堂課，經常會是以jQuery為主題；而jQuery這邊也有定義好的一些動態效果，運用寫好的event function，以及更簡潔的網頁元件指定方式，讓開發實作更加便捷。
使用 jQuery:
要在專案中使用Library，需先進行環境設置；依照需求選擇合適的方式，而jQuery這邊有提供CDN的方式，直接在<head></head>間引入即可。
<head>
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
</head>
不論是要監聽事件或是增加動態效果，都需要先選擇對應的網頁元件(當然也可以在此建立一個新元件)，與原生JavaScript相同，指定網頁元件一樣可以利用Id、Class或是HTML Tag(例如:<div>、<h1>等)來指定；而jQuery之所以應用廣泛，正是因為他有效簡化了程式碼：
//JavaScript 使用Id指定
document.getElementById('my-div');
//jQuery 使用Id指定
$('#my-div')
iThome鐵人賽
看影片追技術