JQuery(下) DOM操作&习题

最新推荐文章于 2026-06-14 14:42:42 发布
原创 最新推荐文章于 2026-06-14 14:42:42 发布 · 2.1k 阅读 · 5 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#jquery
本文详细介绍了jQuery中DOM操作的相关方法，包括文本操作、对象操作、样式操作和属性操作，提供了全选、全不选、反选复选框以及动态切换图片的综合案例分析与实现。
jQuery DOM

操作文本

常用方法
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>操作文本</title>
</head>
<body>
    <div id="div">我是div</div>
    <input type="button" id="btn1" value="获取div的文本">
    <input type="button" id="btn2" value="设置div的文本">
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
     //1. html()   获取标签的文本内容
     $("#btn1").click(function(){
         //获取div标签的文本内容
         let value = $("#div").html();
         alert(value);
     });

     //2. html(value)   设置标签的文本内容，解析标签
     $("#btn2").click(function(){
         //设置div标签的文本内容
         //$("#div").html("我真的是div");
         $("#div").html("<b>我真的是div</b>");
     });
</script>
</html>

操作对象

常用方法
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>操作对象</title>
</head>
<body>
    <div id="div"></div>
    <input type="button" id="btn1" value="添加一个span到div"> <br><br><br>

    <input type="button" id="btn2" value="将加油添加到城市列表最下方"> &nbsp;&nbsp;&nbsp;
    <input type="button" id="btn3" value="将加油添加到城市列表最上方"> &nbsp;&nbsp;&nbsp;
    <input type="button" id="btn4" value="将雄起添加到上海下方"> &nbsp;&nbsp;&nbsp;
    <input type="button" id="btn5" value="将雄起添加到上海上方"> &nbsp;&nbsp;&nbsp;
    <ul id="city">
        <li id="bj">北京</li>
        <li id="sh">上海</li>
        <li id="gz">广州</li>
        <li id="sz">深圳</li>
    </ul>
    <ul id="desc">
        <li id="jy">加油</li>
        <li id="xq">雄起</li>
    </ul>  <br><br><br>
    <input type="button" id="btn6" value="将雄起删除"> &nbsp;&nbsp;&nbsp;
    <input type="button" id="btn7" value="将描述列表全部删除"> &nbsp;&nbsp;&nbsp;
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    /*
        1. $("元素")   创建指定元素
        2. append(element)   添加成最后一个子元素，由添加者对象调用
        3. appendTo(element) 添加成最后一个子元素，由被添加者对象调用
        4. prepend(element)  添加成第一个子元素，由添加者对象调用
        5. prependTo(element) 添加成第一个子元素，由被添加者对象调用
        6. before(element)    添加到当前元素的前面，两者之间是兄弟关系，由添加者对象调用
        7. after(element)     添加到当前元素的后面，两者之间是兄弟关系，由添加者对象调用
        8. remove()           删除指定元素(自己移除自己)
        9. empty()            清空指定元素的所有子元素
    */
    
    // 按钮一：添加一个span到div
    $("#btn1").click(function(){
        let span = $("<span>span</span>");
        $("#div").append(span);
    });
    

    //按钮二：将加油添加到城市列表最下方
    $("#btn2").click(function(){
        //$("#city").append($("#jy"));
        $("#jy").appendTo($("#city"));
    });

    //按钮三：将加油添加到城市列表最上方
    $("#btn3").click(function(){
        //$("#city").prepend($("#jy"));
        $("#jy").prependTo($("#city"));
    });
    

    //按钮四：将雄起添加到上海下方
    $("#btn4").click(function(){
        $("#sh").after($("#xq"));
    });
    

    //按钮五：将雄起添加到上海上方
    $("#btn5").click(function(){
        $("#sh").before($("#xq"));
    });

    //按钮六：将雄起删除
    $("#btn6").click(function(){
        $("#xq").remove();
    });
    

    //按钮七：将描述列表全部删除
    $("#btn7").click(function(){
        $("#desc").empty();
    });
    
</script>
</html>

操作样式

常用方法
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>操作样式</title>
   <style>
       .cls1{
           background: pink;
           height: 30px;
       }
   </style>
</head>
<body>
   <div style="border: 1px solid red;" id="div">我是div</div>
   <input type="button" id="btn1" value="获取div的样式"> &nbsp;&nbsp;
   <input type="button" id="btn2" value="设置div的背景色为蓝色">&nbsp;&nbsp;
   <br><br><br>
   <input type="button" id="btn3" value="给div设置cls1样式"> &nbsp;&nbsp;
   <input type="button" id="btn4" value="给div删除cls1样式"> &nbsp;&nbsp;
   <input type="button" id="btn5" value="给div设置或删除cls1样式"> &nbsp;&nbsp;
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
   // 1.css(name)   获取css样式
   $("#btn1").click(function(){
       alert($("#div").css("border"));
   });

   // 2.css(name,value)   设置CSS样式
   $("#btn2").click(function(){
       $("#div").css("background","blue");
   });

   // 3.addClass(value)   给指定的对象添加样式类名
   $("#btn3").click(function(){
       $("#div").addClass("cls1");
   });

   // 4.removeClass(value)  给指定的对象删除样式类名
   $("#btn4").click(function(){
       $("#div").removeClass("cls1");
   });

   // 5.toggleClass(value)  如果没有样式类名，则添加。如果有，则删除
   $("#btn5").click(function(){
       $("#div").toggleClass("cls1");
   });
   
</script>
</html>

操作属性

常用方法
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>操作属性</title>
</head>
<body>
    <input type="text" id="username"> 
    <br>
    <input type="button" id="btn1" value="获取输入框的id属性">  &nbsp;&nbsp;
    <input type="button" id="btn2" value="给输入框设置value属性">
    <br><br>

    <input type="radio" id="gender1" name="gender">男
    <input type="radio" id="gender2" name="gender">女
    <br>
    <input type="button" id="btn3" value="选中女">
    <br><br>
    
    <select>
        <option>---请选择---</option>
        <option id="bk">本科</option>
        <option id="zk">专科</option>
    </select>
    <br>
    <input type="button" id="btn4" value="选中本科">
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    // 1.attr(name,[value])   获得/设置属性的值
    //按钮一：获取输入框的id属性
    $("#btn1").click(function(){
        alert($("#username").attr("id"));
    });
    
    //按钮二：给输入框设置value属性
    $("#btn2").click(function(){
        $("#username").attr("value","hello...");
    });
    

    // 2.prop(name,[value])   获得/设置属性的值(checked，selected)
    //按钮三：选中女
    $("#btn3").click(function(){
        $("#gender2").prop("checked",true);
    });

    //按钮四：选中本科
    $("#btn4").click(function(){
        $("#bk").prop("selected",true);
    });
</script>
</html>

DOM 操作小结

  • 操作文本
    • html() html(…)：获取或设置标签的文本，解析标签。
  • 操作对象
    • $(“元素”)：创建指定元素。
    • append(element)：添加成最后一个子元素，由添加者对象调用。
    • prepend(element)：添加成第一个子元素，由添加者对象调用。
    • before(element)：添加到当前元素的前面，两者之间是兄弟关系，由添加者对象调用。
    • after(element)：添加到当前元素的后面，两者之间是兄弟关系，由添加者对象调用。
    • remove()：删除指定元素(自己移除自己)。
  • 操作样式
    • addClass(value)：给指定的对象添加样式类名。
    • removeClass(value)：给指定的对象删除样式类名。
  • 操作属性
    • attr(name,[value])：获得/设置属性的值。
    • prop(name,[value])：获得/设置属性的值(checked，selected)。
综合案例

复选框

案例的分析和实现

  • 全选
    1. 为全选按钮绑定单击事件。
    2. 获取所有的商品项复选框元素，为其添加checked 属性，属性值为true。
  • 全不选
    1. 为全不选按钮绑定单击事件。
    2. 获取所有的商品项复选框元素，为其添加checked 属性，属性值为false。
  • 反选
    1. 为反选按钮绑定单击事件。
    2. 获取所有的商品项复选框元素，为其添加checked 属性，属性值是目前相反的状态。

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>复选框</title>
</head>
<body>
    <table id="tab1" border="1" width="800" align="center">
        <tr>
            <th style="text-align: left">
                <input style="background:lightgreen" id="selectAll" type="button" value="全选">
                <input style="background:lightgreen" id="selectNone" type="button" value="全不选">
                <input style="background:lightgreen" id="reverse" type="button" value="反选">
            </th>
    
            <th>分类ID</th>
            <th>分类名称</th>
            <th>分类描述</th>
            <th>操作</th>
        </tr>
        <tr>
            <td><input type="checkbox" class="item"></td>
            <td>1</td>
            <td>手机数码</td>
            <td>手机数码类商品</td>
            <td><a href="">修改</a>|<a href="">删除</a></td>
        </tr>
        <tr>
            <td><input type="checkbox" class="item"></td>
            <td>2</td>
            <td>电脑办公</td>
            <td>电脑办公类商品</td>
            <td><a href="">修改</a>|<a href="">删除</a></td>
        </tr>
        <tr>
            <td><input type="checkbox" class="item"></td>
            <td>3</td>
            <td>鞋靴箱包</td>
            <td>鞋靴箱包类商品</td>
            <td><a href="">修改</a>|<a href="">删除</a></td>
        </tr>
        <tr>
            <td><input type="checkbox" class="item"></td>
            <td>4</td>
            <td>家居饰品</td>
            <td>家居饰品类商品</td>
            <td><a href="">修改</a>|<a href="">删除</a></td>
        </tr>
    </table>
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    //全选
    //1.为全选按钮添加单击事件
    $("#selectAll").click(function(){
        //2.获取所有的商品复选框元素，为其添加checked属性，属性值true
        $(".item").prop("checked",true);
    });


    //全不选
    //1.为全不选按钮添加单击事件
    $("#selectNone").click(function(){
        //2.获取所有的商品复选框元素，为其添加checked属性，属性值false
        $(".item").prop("checked",false);
    });


    //反选
    //1.为反选按钮添加单击事件
    $("#reverse").click(function(){
        //2.获取所有的商品复选框元素，为其添加checked属性，属性值是目前相反的状态
        let items = $(".item");
        items.each(function(){
            $(this).prop("checked",!$(this).prop("checked"));
        });
    });
</script>
</html>

随机图片

  • 动态切换小图的分析和实现

    1. 准备一个数组
    2. 定义计数器
    3. 定义定时器对象
    4. 定义图片路径变量
    5. 为开始按钮绑定单击事件
    6. 设置按钮状态
    7. 设置定时器，循环显示图片
    8. 循环获取图片路径
    9. 将当前图片显示到小图片上
    10. 计数器自增

  • 显示大图的分析和实现

    1. 为停止按钮绑定单击事件
    2. 取消定时器
    3. 设置按钮状态
    4. 将图片显示到大图片上

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>随机图片</title>
</head>
<body>
<!-- 小图 -->
<div style="background-color:red;border: dotted; height: 50px; width: 50px">
    <img src="img/01.jpg" id="small" style="width: 50px; height: 50px;">
</div>
<!-- 大图 -->
<div style="border: double ;width: 400px; height: 400px; position: absolute; left: 500px; top:10px">
    <img src="" id="big" style="width: 400px; height: 400px; display:none;">
</div>

<!-- 开始和结束按钮 -->
<input id="startBtn" type="button" style="width: 150px;height: 150px; font-size: 20px" value="开始">
<input id="stopBtn" type="button" style="width: 150px;height: 150px; font-size: 20px" value="停止">
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    //1.准备一个数组
    let imgs = [
        "img/01.jpg",
        "img/02.jpg",
        "img/03.jpg",
        "img/04.jpg",
        "img/05.jpg",
        "img/06.jpg",
        "img/07.jpg",
        "img/08.jpg",
        "img/09.jpg",
        "img/10.jpg"];
		
    //2.定义计数器变量
    let count = 0;
    
    //3.声明定时器对象
    let time = null;
    
    //4.声明图片路径变量
    let imgSrc = "";
    
    //5.为开始按钮绑定单击事件
    $("#startBtn").click(function(){
        //6.设置按钮状态
        //禁用开始按钮
        $("#startBtn").prop("disabled",true);
        //启用停止按钮
        $("#stopBtn").prop("disabled",false);
        
        //7.设置定时器，循环显示图片
        time = setInterval(function(){
            //8.循环获取图片路径
            let index = count % imgs.length; // 0%10=0  1%10=1  2%10=2 .. 9%10=9  10%10=0  
                    
            //9.将当前图片显示到小图片上
            imgSrc = imgs[index];
            $("#small").prop("src",imgSrc);
                    
            //10.计数器自增
            count++;
        },10);
    });


    //11.为停止按钮绑定单击事件
    $("#stopBtn").click(function(){
        //12.取消定时器
        clearInterval(time);
        
        //13.设置按钮状态
        //启用开始按钮
        $("#startBtn").prop("disabled",false);
        //禁用停止按钮
        $("#stopBtn").prop("disabled",true);
            
        //14.将图片显示到大图片上
        $("#big").prop("src",imgSrc);
        $("#big").prop("style","width: 400px; height: 400px;");
    });
    
    
     
</script>
</html>
LP_5371
关注
jQuery常见面试题之DOM操作详析
12-10
前言 关于JQ的DOM操作面试问题很多，可以从各个点问，所以列举几个常见问题，毕竟面试只是过程，重要的是知识自己掌握了。 面试题一：JQ中html()、text()和val()区别？ 面试题二：JQ中find()、has()和filter()区别？ 面试题三: closet()和parents()区别？ 答案请在文中查找&hellip; DOM操作有三类：DOM-core、HTML-DOM 、CSS-DOM 一、插入节点 我们用的最多的就是append和apendTo，其实共有8种方法。 插入节点 二、删除节点 remove() ：删除节点，并删除元素节点绑定的事件。 empty() ：清空节点元素的内
学好JQuery这一篇就够了（超详细）
让优秀成为一种习惯！
04-03 2913
即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。就是一个JS 文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。JQuery出来就是为了快速方便操作DOM，里面基本都是封装好的函数#标题animate({“属性”:“属性值”},时间)} , 10)
第八章：使用jQuery操作DOM ——课后作业：
gz98411的博客
07-24 8408
1.新增游戏列表 &amp;lt;!doctype html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;游戏推荐 &amp;lt;/title&amp;gt; &amp;lt;style type=&quot;text/css&quot; &amp;
jQuery的下载与基本使用
GTC的博客
03-09 5273
jQuery的下载与基本使用1、jQuery的下载2、基本使用 1、jQuery的下载 官网地址： https://jquery.com/ 点击进入官网 点进去得到的是压缩过后的内容 将所有内容进行复制， 在vsCode里面创建一个jQuery.min.js的文件，将复制的代码粘贴进去。 做完以上步骤，jQuery文件就导入成功了。 2、基本使用 想要使用jQuery时需要将jQuery文件进行引入，使用代码 &lt;script src="jQuery文件地址"&gt;&lt;/script&gt
JQ基础知识大全
weixin_45671998的博客
04-10 1万+
jQuery 通俗来说，就是一个JS的库，里面封装了很多的JS方法，可以使前端人员去调用，大大减少了开发的时间，增加了开发的效率。 JQ的优点 轻量级，核心文件才几十KB，不会影响页面的加载速度。 跨浏览器兼容。基本兼容了现在主流的浏览器。 链式编程，隐式迭代。 对事件，样式，动画支持，大大简化了DOM操作。 支持插件扩展开发，有着丰富的第三方的插件，例如：轮播图，树形菜单，日期控件等 免费，开源。 JQ的顶级对象 ‘’$‘’是JQ的别称，代码中科院用JQ代替它 $是JQ的顶级对象，相当于JS中的wi
jQuery常用属性、方法、操作DOM以及扩展方法
beLaity的博客
06-11 580
jQuery选择器1.基本选择器：2.层次选择器：3.属性选择器：4.基本过滤选择器：5.基本过滤方法：6.index()索引，当前元素在所有兄弟元素的位置，从0开始。特殊符号的转义：class操作：内容操作：属性操作： 选择器 基础语法：$(seiector).action() 1.基本选择器： 标签、类、id、并集、交集、全局、$(’*’) 2.层次选择器： 后代（空格）、子代（&gt;）、第一个兄弟（+）、所有兄弟元素（~） 3.属性选择器： $(’[class]’) $(’[class=hot]’
掌握JQuery: 筛选、添加与移除DOM元素
weixin_36296444的博客
05-16 1021
本章介绍了如何使用JQuery进行DOM操作，包括筛选元素、添加CSS样式以及移除和插入元素。通过具体的示例代码和步骤，展示了如何利用JQuery中的方法对HTML文档进行动态修改，实现了对特定元素的精确定位以及前后添加元素的功能。
jQuery性能优化实战：选择器效率与DOM操作深度解析
最新发布
diaojin6880的博客
06-14 457
jQuery虽为经典DOM操作库，但其性能表现高度依赖开发者对底层原理的理解。从CSS选择器匹配机制、Sizzle引擎执行路径，到原生API调用差异与内存引用管理，性能瓶颈往往源于低效的选择器写法、未缓存的重复查询及不当的链式调用。掌握ID选择器的O(1)特性、find()与上下文参数的本质区别、DocumentFragment批量插入优势，以及jQuery对象生命周期管控，可显著提升老旧系统在IE8-11等环境下的响应速度与稳定性。本文聚焦真实政务、金融类存量项目中的高频卡点，提供经压测验证的可落地优化策
怎样区分JQuery对象和Dom对象 常用的写法
dazigeng4522的博客
04-03 153
第一步，http://www.k99k.com/jQuery_getting_started.html 第二步，新手先仔细得全部看一遍jQuery的选择器，很重要！！！ （http://shawphy.com/jqueryapi/ 这里是最新文档，有离线版下载） 第三步，深刻了解jQuery对象和普通DOM对象的区别。互相转化见Q1 Q1,js的写法:document.getElemen...
js操作DOM的class--防jquery
weixin_33819479的博客
11-29 70
function removeClass(name){ var $ele = this.ele; if(!$ele){ console.log('&gt;&gt; 找不到该元素: id = ',ele); return !1; } ...
jQuery 官网下载js
qq_43987149的博客
11-11 1万+
有时候下载jQuery（*.js）的时候安装普通方式进入官网下载打开不了网址，应该是他使用的cdn国内访问不了，他提供了国内可以访问的cdn，我们到时候可以点击那个去下载。 1、首先打开jQuery官网 https://jquery.com/ 2、点击刚刚打开的官网的（https://jquery.com/download/） 3、然后在当前页面往下找到（Using jQuery with a CDN）这个 4、点击那四个（CDN） 其中两个： jsDelivr CDN CDNJS CDN 5、现在
shell命令jq用法详解
IT之一小佬的博客
07-01 1万+
shell命令jq用法详解
jQuery相关
qq_43111676的博客
09-12 1606
jQuery笔记、jQuery相关、jQuery选中元素、jQuery基本操作
jq命令用法总结
fm18771120556的博客
05-29 1万+
原创：扣钉日记（微信公众号ID：codelogs），欢迎分享，转载请保留出处。 简介 如果说要给Linux文本三剑客(grep、sed、awk)添加一员的话，我觉得应该是jq命令，因为jq命令是用来处理json数据的工具，而现如今json几乎无所不在！ 网上的jq命令分享文章也不少，但大多介绍得非常浅，jq的强大之处完全没有介绍出来，所以就有了这篇文章，安利一下jq这个命令。 基本用法 格式化 # jq默认的格式化输出 $ echo -n '{"id":1, "name":"zhangsan", "sc.
jQuery官网下载步骤
热门推荐
公子&小白的博客
04-18 3万+
[转载出处](https://blog.csdn.net/u011870547/article/details/50033113) [原文作者](https://blog.csdn.net/u011870547) ①.百度jQuery ，进入官网 ②.进入官网后，点击下载 ③.之后进入下载页面，会看到有各种版本，解压版和未...
jQuery 入门详解（一）
weixin_34216107的博客
03-12 1050
jQuery 前言 Sorry：由于春节前工作的调动，加上这段时间公司任务比较多一直加班，所以文章停更了很久，期间也有不少朋友私信、评论我，希望我写的快一点，在这里跟大家道个歉，后面更新速度可能会放缓，但是不会影响文章的质量，谢谢大家的支持。 前面也花了不少时间，专门介绍了js基础这一块，从最基础的js讲起，再到DOM、BOM以及特效。...
jquery官方网地址
最后一个BUG留给我
06-02 2414
其官方网站：http://www.jquery.com/官方在线文档：http://docs.jquery.com/Main_Page压缩版下载：http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.3.2.min.js&downloadBtn=
JQuery（一）：快速入门、JQ与JS相互转换、JQuery中的选择器
weixin_58545784的博客
07-17 1707
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优 化HTML文档操作、事件处理、动画设计和Ajax交互。
qurey的基础学习
weixin_62980497的博客
09-28 311
show()有两个参数参数1:代表执行动画的时长(毫秒数)参数2:代表动画执行完毕后的回调参数，例:$(#div1").show(2000, function(){alert("我来啦，嘿嘿~~~");例:S("#div1").hide(2000, function(){alert("我走咯,嘿嘿~~~);参数1:代表执行动画的时长(毫秒数)参数2:代表动画执行完毕后的回调参数，jquery的官网: http://jquery.com/$("选择器").cSs("属性","属性值"")
VSCode 开发Vue必备插件
2301_78416672的博客
05-06 1133
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值