用于添加新内容的四个 jQuery 方法
warning:
这篇文章距离上次修改已过192天，其中的内容可能已经有所变动。
jQuery提供了四种方法用于动态地向DOM中添加新内容：
append(): 在选定元素内部的末尾添加内容。prepend(): 在选定元素内部的开头添加内容。after(): 在选定元素之后添加内容。before(): 在选定元素之前添加内容。
以下是这四种方法的示例代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery Add Content Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="content">
<p>Initial content</p>
</div>
<script>
// 添加到内部末尾
$('#content').append('<p>Appended content</p>');
// 添加到内部开头
$('#content').prepend('<p>Prepended content</p>');
// 添加到后面
$('#content').after('<p>After content</p>');
// 添加到前面
$('#content').before('<p>Before content</p>');
</script>
</body>
</html>在这个例子中，我们首先选择了一个ID为content的div元素，然后分别用上述四种方法添加了新的p元素。
评论已关闭