如何在jQuery中单击时追加元素

在jQuery中，可以使用.click()方法来为元素绑定点击事件，并使用.append()方法来追加元素。

下面是一个完整的示例代码：

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
  <button id="myButton">点击追加元素</button>
  <ul id="myList">
    <li>列表项1</li>
    <li>列表项2</li>
  </ul>

  <script>
    $(document).ready(function() {
      $("#myButton").click(function() {
        $("#myList").append("<li>新的列表项</li>");
      });
    });
  </script>
</body>
</html>

在上述代码中，我们首先引入了jQuery库，然后创建了一个按钮和一个包含两个列表项的无序列表。接着，使用$(document).ready()方法来确保页面加载完成后执行代码。在该方法内部，使用$("#myButton").click()来为按钮绑定点击事件。当按钮被点击时，会执行回调函数，其中使用$("#myList").append()方法来在列表末尾追加一个新的列表项。

这样，当用户单击按钮时，就会在列表中追加一个新的列表项。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm