jQuery - 添加元素
warning:
这篇文章距离上次修改已过191天，其中的内容可能已经有所变动。
在jQuery中，您可以使用.append(), .prepend(), .after() 和 .before() 方法来添加元素。以下是每个方法的简单示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery Add Elements Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="container">
<div id="content">Content</div>
</div>
<script>
// 添加到内容的末尾
$('#container').append('<p>Appended paragraph</p>');
// 添加到内容的开头
$('#container').prepend('<p>Prepended paragraph</p>');
// 在内容之后添加
$('#content').after('<div>After the content</div>');
// 在内容之前添加
$('#content').before('<div>Before the content</div>');
</script>
</body>
</html>在这个例子中，我们创建了一个包含一个div元素的容器，该div元素包含一些内容。然后我们使用不同的jQuery方法来添加新的元素。.append() 在选定元素的内部末尾添加元素，.prepend() 在内部开头添加元素，.after() 在选定元素之后添加元素，而.before() 在选定元素之前添加元素。
评论已关闭