JQUERY 添加

在 jQuery 中，要向页面中添加新的元素或内容，可以使用多种方法来实现。以下是一些常用的添加元素和内容的方法：

添加元素的方法

1、.append()

将指定内容追加到每个匹配元素的末尾。

$('.container').append('<div>New div appended</div>');

2、.prepend()

将指定内容追加到每个匹配元素的开头。

$('.container').prepend('<div>New div prepended</div>');

3、.after()

在每个匹配元素后插入指定内容。

$('.target').after('<div>New div inserted after</div>');

4、.before()

在每个匹配元素前插入指定内容。

$('.target').before('<div>New div inserted before</div>');

使用示例

使用 .append() 添加新内容到容器内部末尾

$('.container').append('<div>New content appended</div>');

使用 .prepend() 添加新内容到容器内部开头

$('.container').prepend('<div>New content prepended</div>');

使用 .after() 在目标元素后插入新内容

$('.target').after('<div>New content inserted after</div>');

使用 .before() 在目标元素前插入新内容

$('.target').before('<div>New content inserted before</div>');

注意事项

• 选择器：确保选择器选中了要操作的正确元素。

• 内容格式：添加的内容可以是HTML字符串、文本或已存在的元素。

• 链式操作：jQuery方法通常支持链式操作，可以在一行代码中执行多个操作。

这些方法使得在页面中动态添加新的内容或元素变得非常方便和灵活，适用于各种网页开发场景。