jQuery 教程

本 jQuery 教程由經驗豐富的，在專案中廣泛使用 JavaScript 和 jQuery 的前端程式設計師編寫。本教程旨在幫助 jQuery 初學者理解從 jQuery 框架基礎到高階的知識。完成本教程後，您將掌握 jQuery 框架的精湛技能，並能夠進一步提升您的水平。

什麼是 jQuery？

jQuery 是一個輕量級、快速且簡潔的 JavaScript 庫。該庫由 John Resig 於 2006 年建立，

jQuery 的設計目標是簡化 HTML DOM 樹的遍歷和操作，以及事件處理、CSS 動畫和 Ajax。

jQuery 可用於在 HTML 文件中查詢具有特定 ID、類或屬性的 HTML 元素，之後我們可以使用 jQuery 來更改相同元素的一個或多個屬性，例如顏色、可見性等。jQuery 還可以透過響應滑鼠點選等事件來使網頁具有互動性。

jQuery 是免費的開源軟體，採用寬鬆的 MIT 許可證。截至 2021 年 4 月，jQuery 被排名前 1000 萬個最受歡迎網站中的 77.8% 使用。

jQuery 的開發遵循以下原則：

JavaScript 和 HTML 的分離，鼓勵開發者將 JavaScript 程式碼與 HTML 標記完全分離。
簡潔性和清晰性，促進了鏈式函式和簡寫函式名的使用。
消除跨瀏覽器相容性問題，因此開發者在使用 jQuery 庫編寫程式碼時無需擔心瀏覽器相容性問題。
可擴充套件性，這意味著可以輕鬆地向 jQuery 庫中新增新的事件、元素和方法，然後作為外掛重複使用。

jQuery 線上編輯器

我們提供了一個jQuery 線上編輯器，它可以幫助您直接在瀏覽器中編輯和執行程式碼。嘗試點選圖示來執行以下 jQuery 程式碼，列印傳統的“Hello, World!”。

下面的程式碼框允許您更改程式碼的值。嘗試更改Hello, World!的值，然後再次執行它以驗證結果。

<html>
   <head>
      <title>The jQuery Example</title>
      <script src = "https://tutorialspoint.tw/jquery/jquery-3.6.0.js">
      </script>
		
      <script type = "text/javascript">
         $(document).ready(function() {
            $("h1").html("Hello, World!");
         });
      </script>
   </head>
	
   <body>
      <h1>Hello</h1>
   </body>
</html>

瀏覽器支援

截至 2022 年 4 月，jQuery 3.0 及更高版本支援 Firefox、Chrome、Safari 和 Edge 的“當前-1 版本”，以及 Internet Explorer 9 及更高版本。在移動裝置上，它支援 iOS 7 及更高版本，以及 Android 4.0 及更高版本。

jQuery 和 JavaScript 職位

jQuery 和 JavaScript 都有非常高的需求，所有主要的 Web 應用程式都以某種方式使用 jQuery。我們在編寫本教程之前探索了許多主要的求職網站，發現全球許多跨國公司都有大量的空缺職位。

JavaScript 和 jQuery 開發人員的平均年薪約為 150,000 美元。不過，這可能會因地區而異。以下是使用 Kotlin 的一些優秀公司：

Google
Amazon
Netflix
Zomato
Uber
Trello
Coursera
Basecamp
Unacademy
Byjus
還有更多……

因此，您可能是這些大公司中的下一個潛在員工。我們已經開發了優秀的 jQuery 學習資料，將幫助您為基於 jQuery 的技術面試和認證考試做好準備。因此，隨時隨地使用我們簡單有效的教程開始學習 jQuery，完全按照您自己的節奏。

開始之前

在繼續學習本教程之前，您應該具備 HTML、CSS、JavaScript、文件物件模型 (DOM) 的基本知識，以及任何文字編輯器的使用經驗。由於我們將使用 jQuery 開發基於 Web 的應用程式，如果您瞭解網際網路和基於 Web 的應用程式的工作原理，將會更好。

列印頁面