jQuery-创建添加删除元素

最新推荐文章于 2023-03-10 15:07:49 发布

DjangoandPython

最新推荐文章于 2023-03-10 15:07:49 发布

阅读量140

点赞数

分类专栏： JavaScript jQuery 文章标签： jquery

本文链接：https://blog.csdn.net/DjangoandPython/article/details/108216003

版权

jQuery 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

JavaScript

1 篇文章 0 订阅

订阅专栏

创建添加删除元素


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./案例/jquery.min.js"></script>
    <style>
        div{
            width: 400px;
            height: 20px;
            margin-top: 20px;
            background-color: pink;
        }
    </style>
</head>
<body>
    <div class="test haha">我是原来的！！</div>
    <script>
        $(function(){
            //1.创建元素
            var div = $('<div>我是后来的  放在内部了 放在后面！</div>')
            var pre = $('<div>我也是后来的，但我在内部的前面</div>')
            //2.添加元素
            //（1）内部添加  放到元素的内部  这个是放在可 test 的内部，最后面
            // $('.test').append(div); // 放在指定元素内部，最后面
            // $('.test').prepend(pre);  // 放在指定元素内部，最前面

            //（2）外部添加
            $('.test').before(pre);   // 放在指定元素外面的前面
            $('.test').after(div);    // 放在指定元素外面的后面

            //3.删除元素

            // <1>删除本身以及全部子节点
            // $('div').remove('.test');   // 括号没有值。删除全部指定，有值删除指定类名元素
            $('div').removeClass('haha')   // 删除指定元素类名
            
            //<2>清空指定元素子节点
            $('.test').empty();
            $('.test').html('');
            



        })



    </script>
</body>
</html>

DjangoandPython

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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> <script src="./案例/jquery.mi
复制链接

扫一扫

专栏目录