JQuery線上執行

Code

Result

JQuery CDN 網站

您可以使用以下 jquery cdn 取代程式碼中的 jquery 版本：

https://cdn.bytedance.com/?query=jquery&version=3.6.0
https://www.bootcdn.cn/jquery/

如何使用JQuery線上執行？

三個簡單步驟

在左側程式碼編輯器中，編寫或貼上您的 JQuery 程式碼。
按一下「執行」按鈕執行您的 JQuery 程式碼。
輸出將顯示在右側結果區域中。

什麼是 JQuery線上執行

JQuery線上執行工具允許您的 JQuery 程式碼線上執行，而無需 Web 伺服器，您無需使用文字編輯器在電腦上編輯 JQuery 檔案。

這樣，您可以快速輕鬆地看到 JQuery 正在執行的結果，使用 ace 編輯器，可以識別程式碼錯誤或警告，並提供清晰且可操作的意見回饋，以幫助您提高程式碼的效能。您可以像這樣編寫或貼上 JQuery 程式碼：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HelloWorld</title>
<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.2.0/jquery.min.js"></script>
</head>
<body>
<button>點擊我</button>
<script>
$(document).ready(function () {
$("button").click(function () {
alert("Hello World")
});
});
</script>
</body>
</html>

JQuery線上編輯器的特點

簡單方便的 JQuery 線上編輯器或測試器
關鍵字建議自動完成。
提供多種設計主題。