在线 Jquery 编辑器 - 编写、运行和共享代码

<!doctype html> <html> <head> <title>在线 jQuery 编辑器</title> <script src="https://tutorialspoint.com/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 代码有几个好处

平台独立性：你可以从任何设备运行代码，而无需注意操作系统。
便携性：你不需要安装任何东西来使用它。
无需设置：运行代码不需要其他设置。
更新版本：我们的在线编译器/编辑器/终端都是最新的。