JSFiddle Documentation

JSFiddle 是一个在线的开发工具，允许开发者创建、编辑和测试 HTML、CSS 和 JavaScript 代码。以下是一些关于 JSFiddle 的基本文档。

快速开始

创建一个新的 fiddle
- 打开 JSFiddle 网站。
- 点击 "Create a new fiddle" 按钮。
- 在打开的编辑器中编写你的代码。
保存和分享你的 fiddle
- 在编辑器底部，点击 "Save" 按钮。
- 输入一个名称，并选择一个标签。
- 点击 "Save" 按钮保存你的 fiddle。
- 你将得到一个唯一的 URL，可以分享给你的朋友。

功能介绍

预览窗口：在编辑器底部，你可以看到你的代码的实时预览。
代码折叠：你可以折叠 HTML、CSS 和 JavaScript 代码块，以便更容易地阅读和管理。
代码高亮：JSFiddle 支持代码高亮，使代码更易于阅读。
在线库：你可以从 JSFiddle 的在线库中添加各种 JavaScript 库，如 jQuery、Bootstrap 等。

示例

<!DOCTYPE html>
<html>
<head>
  <title>JSFiddle Example</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
  <h1>Hello, JSFiddle!</h1>
  <button id="btn">Click Me!</button>

  <script>
    $(document).ready(function(){
      $('#btn').click(function(){
        alert('Hello from JSFiddle!');
      });
    });
  </script>
</body>
</html>

扩展阅读

如果你想要更深入地了解 JSFiddle，可以阅读以下文档：

希望这些信息能帮助你更好地使用 JSFiddle。😊