如何单击标题以在 jQuery 中添加另一个标题？

在 jQuery 中，我们可以使用 click 事件来为元素添加点击事件。将此事件应用于标题元素，以便当单击该标题时，jQuery 可以添加另一个标题元素。

首先，选择要添加单击事件的标题元素。假设我们有以下 HTML 结构：

<h1 id="main-title">This is the main title</h1>

我们可以使用 $("#main-title") 选择该元素。然后，我们可以使用 click 方法添加单击事件：

$("#main-title").click(function() {
  // add new title here
});

现在我们可以在事件处理程序中添加新标题。我们可以使用 append 方法在标题后添加一个新元素。假设我们希望添加另一个 <h2> 标题：

$("#main-title").click(function() {
  $(this).after("<h2>New Title</h2>");
});

在这个例子中，$(this) 引用被单击的标题元素。使用 after 方法，我们将新标题插入到该元素的后面。

完整的代码片段如下所示：

$("#main-title").click(function() {
  $(this).after("<h2>New Title</h2>");
});

此代码片段将为具有 ID main-title 的标题元素添加点击事件。当元素被单击时，它将在标题下方添加一个新的 <h2> 元素。

请注意，为了使此代码段正常工作，我们需要将其包含在 jQuery 代码中。如果在 HTML 文档中使用，必须先将 jQuery 引入。可以将以下代码片段添加到 HTML 文档中，以始终在 jQuery 中使用：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

这将在页面上包含 jQuery 库文件。