欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

Jquery创建，添加，删除对象的操作

程序员文章站 2022-03-07 21:41:08
JqueryJqueryJquery创建，添加，删除对象的操作 Document

J q u e r y Jquery Jquery创建，添加，删除对象的操作

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    p {
        margin: 0;
    }
</style>

<body>
    <div class='d1'>1</div>
    <div class='d2'>2</div>
    <a href="#">我的博客</a>
</body>
<script src="jquery-3.5.1.js"></script>
<script>
    $(function () {
        var tmp = $('<li>dddddddddd</li>');
        var tmp1 = $('<p>aaaaa</p>');
        $('.d1').append(tmp);
        $('.d2').after(tmp1);
        $('.d2').before(tmp1);
        $('a').remove();    //删除自身元素
        //empty()是删除该标签所有孩子元素
    })
</script>

</html>

本文地址：https://blog.csdn.net/weixin_45750972/article/details/109254705

相关标签： 前端(HTML+CSS+JS) 1024程序员节

上一篇： 数据结构之平衡二叉树(AVL树)的介绍与实现

下一篇： Java基础语法（多态、类、接口、Date类、基本类型、系统类）

推荐阅读