線上 Jquery 編輯器 - 編寫、執行和共享程式碼

<!doctype html> <html> <head> <title>線上 jQuery 編輯器</title> <script src="https://tutorialspoint.tw/jquery/jquery-3.6.0.js"></script> <script> $(document).ready(function() { $("p").css("background-color", "yellow"); }); </script> </head> <body> <h1>jQuery 元素選擇器</h1> <p>這是 p 標記</p> <span>這是 span 標記</span> <div>這是 div 標記</div> </body> </html>

嘗試使用這種線上 Jquery 編輯器（版本 jQuery (2.1.1)），以便直接透過瀏覽器來編輯、執行和共享您的 Jquery 程式碼。這種線上編譯器為您利用最新版本的 jQuery (2.1.1) 編輯和編譯 Jquery 程式碼提供了便利。

如何使用線上 Jquery 編輯器？

編寫並執行程式碼

直接在“原始碼”標籤下編寫您的程式（或者貼上程式）。
如果您要儲存程式，請轉到“專案”選單並儲存程式。
您可以直接執行您的程式，無需儲存它，只需單擊“執行”按鈕即可。

如何輸入使用者輸入？

最新版本的線上 Jquery 編輯器允許從終端視窗在執行時提供程式輸入，這與您在自己的計算機上執行程式的方式完全一樣。因此，只需執行一個程式，然後從右側的終端視窗中提供您的程式輸入（如果有的話）。

鍵盤快捷鍵

以下是我們編輯器的關鍵字快捷鍵

快捷鍵	描述
⌘ + Enter	執行程式
⌘ + S	儲存專案（需要登入）
⇧ + ⌘ + S	另存為專案
⌘ + P	新建專案
⌘ + G	共享專案
⌘ + Z	撤消編輯
⌘ + Y	重做編輯
⌘ + A	全選文字
⌘ + X	剪下選定的文字
⌘ + C	複製選定的文字
⌘ + V	貼上複製的文字
⌘ + F	搜尋文字
⌘ + ⌥ + F	替換文字

快捷鍵	描述
Ctrl + Enter	執行程式
Ctrl + S	儲存專案
Shift + Ctrl + S	另存為專案
Ctrl + G	共享專案
Ctrl + Z	撤消編輯
Ctrl + Y	重做編輯
Ctrl + A	全選文字
Ctrl + X	剪下選定的文字
Ctrl + C	複製選定的文字
Ctrl + V	貼上複製的文字
Ctrl + F	搜尋文字
Ctrl + H	替換文字

儲存並共享專案程式碼

線上儲存 Jquery 專案

您可以在我們這裡儲存您的 Jquery 專案，以便您以後可以訪問該專案。要儲存專案，您需要在我們這裡建立一個登入 Id。因此，在儲存專案之前，請使用此頁面右上角提供的連結建立一個登入 Id。

線上共享 Jquery 專案

你可以使用此功能來與你的老師、同學和同事分享你的 Jquery 程式碼。只需點選分享按鈕，即可建立一個短連結，可以透過電子郵件、WhatsApp 甚至社交媒體進行分享。共享連結將保留約 3 個月。超過三個月後將被刪除。

編輯器的更多特性

主題 – 你可以在“設定”選單的“編輯器主題”選項下更改當前編輯器的主題。
字型大小 – 你可以在“設定”選單的“字型大小”選項下更改編輯器/編譯器的字型大小。
製表符大小 – 你可以在“設定”選單下的“製表符大小”選項中更改制表符大小。
顯示/隱藏行號 – 你可以在“設定”選單中的“顯示行號”或“隱藏行號”選項中顯示/隱藏程式碼行號。
還有更多。

為什麼使用線上 Jquery 編輯器？

使用線上 Jquery 編輯器來執行 Jquery 程式碼有幾個好處

平臺獨立性：你可以從任何裝置執行程式碼，而無需注意作業系統。
便攜性：你不需要安裝任何東西來使用它。
無需設定：執行程式碼不需要其他設定。
更新版本：我們的線上編譯器/編輯器/終端都是最新的。