<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../../js/jquery-3.2.1.min.js"></script>
<script>
$(function () {
$("#u").append("<li>苹果</li>");
$("#u").append("<li>橘子</li>");
$("<li>菠萝</li>").prependTo($("#u"));
var $apple = $("<li>apple</li>");
var $banana = $("<li>香蕉</li>");
$banana.appendTo($("#u"));
$apple.prependTo($("#u"));
$banana.insertAfter($apple);
var $s=$apple.clone().appendTo("#u");
//$("p").replaceWith("<span>你最不喜欢的水果是？</span>")
$("<span>你最不喜欢的水果是？</span>").replaceAll("p");
})
</script>
</head>
<body>
<p>你喜欢的水果是？</p><br>
<p>hello world</p>
<ul id="u"></ul>
</body>
</html>