📅  最后修改于: 2023-12-03 15:08:21.982000             🧑  作者: Mango
如果你想在使用 jQuery 的网页中,在所有段落的后面插入一个新的 DOM 元素,可以按照以下步骤进行:
<script src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
after
方法,在每个段落后面添加新的 DOM 元素。代码如下所示:$(document).ready(function() {
$('p').after('<div class="new-element">新的 DOM 元素</div>');
});
这个例子中,$('p')
选择了所有的段落,.after()
方法在每个段落后面添加了一个新的 div
元素,元素的内容为“新的 DOM 元素”。
after()
方法的参数,来定制新的 DOM 元素。例如,你可以修改 div
元素的类名或者内容,如下所示:$('p').after('<div class="new-element">这是一个新的 DOM 元素</div>');
这里,div
元素的类名被修改为 new-element
,元素的内容也被修改了。
.new-element {
background-color: yellow;
padding: 5px;
}
这里,新的 DOM 元素的背景色被设置为黄色,同时增加了内边距。
注意,你可以在代码中使用自定义的选择器和参数,来选择需要添加新元素的段落并添加自定义的元素。这个例子只是一个简单的演示。