<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/jquery3.6.0.js"></script>
</head>
<body>
<button>删除节点</button>
<script>
var $el = $('<div><h1>新元素</h1></div>');
$('body').append($el);
$el.appendTo("body");
var $newFirst = $('<li>0</li>');
$('ul').prepend($newFirst);
$newFirst.appendTo("ul");
$('li:eq(3)').after("<li>3.5</li>")
$('<li>4.5</li>')insertAfter("li:eq(5)");
// 删除节点
$('button').click(function(){
// $('li:last').remove();
// 内容删除了,元素还在
$('li:last').empty()
})
</script>
</body>
</html>