append、appendTo、prepend、prependTo 比较

最新推荐文章于 2025-08-14 17:31:00 发布

weixin_30784945

最新推荐文章于 2025-08-14 17:31:00 发布

阅读量92

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lch323/p/4511977.html

本文介绍使用JQuery进行DOM操作的基本方法，包括append、appendTo、prepend和prependTo等方法的使用示例。通过实际代码展示了如何将元素添加到DOM树的不同位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Jquery test1</title>
    <script src="js/jquery1.42.min.js"></script>
    <script>
        $(function(){
            
        
            //append appendTo preappend preappendTo  比较
        
            //append(content|fn)
            //appendTo(content)
            //prepend(content)
            //prependTo(content)
            
            //$(".test1").append("我是插入的内容~");//append 插入到内容中的最后
            
            //$(".test-span0").appendTo(".test1");//appendTo 插入到内容中的最后
            
            //$(".test-span0").prepend("<em>我是插入的内容~</em>"); //插到内容的前面 
            
            //$(".test-span0").prependTo(".test1");  //插到内容前面
            
            
        
            
        });
    
    </script>
</head>
<body>
    <span class="test-span0"></span>
    <div class="test1">
        <span class="test-span1">111</span>
        <span class="test-span2">222</span>
        <span class="test-span3">333</span>
    </div>
    
    
</body>
</html>

转载于:https://www.cnblogs.com/lch323/p/4511977.html