<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery-3.5.1.min.js"></script>
</head>
<body>
<ul>
<li>先来的li</li>
</ul>
<div class="test">我是最开始的div</div>
<script>
$(function () {
/*创建li*/
var li=$('<li>后来的li</li>');
/*内部追加li*/
$('ul').append(li); //往后加
li=$('<li>后来的li——2</li>');
$('ul').prepend(li); //往前加
/*外部追加*/
var div=$('<div>我是后来的_1</div>')
$('.test').after(div);
div=$('<div>我是后来的_2</div>')
$('.test').before(div);
/*删除元素*/
$('ul').remove(); //删除自己
$('ul').empty(); //删除子孙节点
$('ul').html(""); //删除子孙节点
})
</script>
</body>
</html>
