jQuery里的replaceAll和replaceWith

最新推荐文章于 2025-03-17 08:54:04 发布

weixin_30483013

最新推荐文章于 2025-03-17 08:54:04 发布

阅读量96

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/kukai/p/11160923.html

此博客为转载内容，转载自https://www.cnblogs.com/kukai/p/11160923.html ，涉及JavaScript相关知识。

<!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>