jqeury增加子节点

使用jQuery可以使用`.append()`或`.prepend()`方法来向父元素添加子节点。

假设有以下的HTML结构：

<div id="parent">
  <p>Existing Child 1</p>
  <p>Existing Child 2</p>
</div>

下面是一个例子，演示如何使用jQuery向父元素添加子节点：

$(document).ready(function() {
  // 选择父元素
  var parent = $("#parent");
  
  // 创建新的子节点
  var newChild = $("<p>New Child</p>");
  
  // 添加新的子节点到父元素末尾
  parent.append(newChild);
  
  // 创建另一个新的子节点
  var anotherChild = $("<p>Another Child</p>");
  
  // 添加新的子节点到父元素开头
  parent.prepend(anotherChild);
});

在上面的例子中，我们首先选择了父元素`#parent`，然后使用`$("<p>New Child</p>")`创建了一个新的`<p>`元素作为新的子节点。接着使用`.append()`方法将该新的子节点添加到父元素的末尾。

类似地，我们使用`$("<p>Another Child</p>")`创建了另一个新的`<p>`元素作为另一个子节点。然后使用`.prepend()`方法将该新的子节点添加到父元素的开头。

通过使用`.append()`或`.prepend()`方法，我们可以方便地向父元素添加子节点。`.append()`方法将子节点添加到父元素的末尾，而`.prepend()`方法将子节点添加到父元素的开头。