jQuery--复制元素、包装元素、删除元素

最新推荐文章于 2024-07-19 03:18:39 发布

人生如初见_张默

最新推荐文章于 2024-07-19 03:18:39 发布

阅读量286

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/qq_42176520/article/details/103598870

版权

本文详细介绍了如何使用jQuery进行元素的复制、包装和删除操作，包括复制现有元素的功能，包裹元素以改变其结构，以及如何从DOM中移除元素。

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

复制元素

仅适用于页面上存在的元素。

<script>
    $(document.body).append('<div id="link">链接</div>');//向当前页面添加一个div元素
    $('h3').clone().appendTo('#link');//将所有h3元素复制到id为link的div元素下
    	});
</script>
<body>
    <h3 id='site'>php1</h3>
    <h3 id='site'>php2</h3>
    <h3 id='site'>php3</h3>
    <h3 id='site'>php4</h3>
</body>

包装元素

<script>
    $(document).ready(function() {
        //wrap()将选中所有元素进行包装，参数是标签对
        $('h3').wrap('<i></i>');
        //wrapInner()参数是标签对，包装每个选中元素的内容
        $('h3').wrapInner('<span style="color:red"></span>');
        //wrapAll()将选中元素做为一组进行包装，参数是标签对，可以嵌套
        $('h3.site&

最低0.47元/天解锁文章

人生如初见_张默

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jQuery--复制元素、包装元素、删除元素

复制元素仅适用于页面上存在的元素。<script> $(document.body).append('<div id="link">链接</div>');//向当前页面添加一个div元素 $('h3').clone().appendTo('#link');//将所有h3元素复制到id为link的div元素下 });</...
复制链接

扫一扫

专栏目录