jQuery追加内容

1、append() ——在备选元素的内部结尾插入指定内容

2、appendTo()——方法在被选元素的内部结尾插入指定内容

这两个方法效果都是一样，只是内容的位置和选择器的位置不一样。

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的<script>标签，输入jquery代码：

$('input[type="checkbox"]').change(function () {

var a = ''

$('input[type="checkbox"]:checked').each(function () {

if (a !== '') {

a += ','

}

a += $(this).val()

})

$('#a').val(a)

})

3、浏览器运行index.html页面，此时选择内容会自动追加到input输入框中，最多3个。

如果您想在jQuery中的第五个元素后添加一个新元素，可以使用以下代码：

```javascript

// 假设您要在id为myList的列表中添加一个新项

$('#myList li:eq(4)').after('<li>New Item</li>')

```

这将选择id为“myList”的列表中的第五个（索引从0开始）`<li>` 元素，并在其之后插入一个新的 `<li>` 元素。

请注意，`:eq()` 选择器用于选择具有特定索引位置的元素。因此，在上面的示例中，`:eq(4)` 将选取第五个元素。另外，`.after()` 方法用于在指定元素之后插入内容。

希望这可以帮助您解决问题！

---