zepto中的DOM操作

最新推荐文章于 2021-06-16 03:11:53 发布

csdn_yqf1994

最新推荐文章于 2021-06-16 03:11:53 发布

阅读量406

点赞数

分类专栏： Zepto 文章标签： zepto DOM操作增删改查

本文链接：https://blog.csdn.net/CSDN_yqf1994/article/details/89221226

版权

本文主要介绍了Zepto.js中的DOM操作，包括插入（append, prepend, after, before）、删除（remove, empty）、复制（clone）、替换（replaceWith）和包裹（wrap, wrapAll）等基本操作。" 132785718,19673923,Matlab实现Hough变换检测圆形算法详解,"['计算机视觉', '图像处理', 'Matlab', '算法', 'Hough变换']

摘要由CSDN通过智能技术生成

插入操作：append/appendTo、prepend/prependTo、after/insertAfter、before/insertBefore

<body>
    <div id="a">
        <div class="a_one"></div>
    </div>

    <script src="https://cdn.bootcss.com/zepto/1.2.0/zepto.min.js"></script>
    <script>
        
        $(document).ready(function(){
            var $cr = $("<div class='cr'>插入的div</div>");
            //插入操作
            $("#a").append($cr);//在id为a的div里面插入div标签
            $cr.appendTo($('#a'));

            $("#a").prepend($cr);//在id为a的div里面插入div标签,被插入的标签位于第一个
            $cr.prependTo($('#a'));

            $('#a').after($cr);//在id为a的div下面插入一个兄弟div
            $cr.insertAfter($('#a'));

            $('#a').before($cr);//在id为a的div前面插入一个兄弟div
            $cr.insertBefore($('#a'));
        })

    </script>
</body>

最低0.47元/天解锁文章

csdn_yqf1994

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
zepto中的DOM操作

插入操作：append/appendTo、prepend/prependTo、after/insertAfter、before/insertBefore<body> <div id="a"> <div class="a_one"></div> </div> <script src="htt...
复制链接

扫一扫

专栏目录