JQuery(三)---【使用JQuery动态设置浏览器窗口尺寸、JQuery的遍历】

已于 2024-04-09 10:54:57 修改
阅读量960 收藏 12
点赞数 23
分类专栏： JavaScript 文章标签： jquery 前端 javascript
于 2024-04-08 19:16:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zheshiyangyang/article/details/137520059
版权

零.前言

JQuery(一)---【JQuery简介、安装、初步使用、各种事件】-CSDN博客

JQuery(二)---【使用JQuery对HTML、CSS进行操作】-CSDN博客

一.JQuery动态设置浏览器窗口尺寸大小

1.1width()和height()方法

  • width()：设置或者返回元素的宽度(不包括内边距、边框或外边距)
  • height()：设置或者返回元素的高度(不包括内边距、边框或外边距)

一个返回元素宽度和高度的例子：

<!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="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <style>
        .n{
            font-weight: bold;
            font-size: large;
        }
        .color{
            color: blue;
        }
    </style>
</head>
<body>
    <div style="height: 300px;width: 200px;background-color: aqua;" id="div1">
        <p id="text1"></p>
        <p id="text2"></p>
    </div>
    <button id="bt1">点我显示div的宽度和高度</button>
    <script>
        $(document).ready(function(){
            $("#bt1").click(function(){
                $("#text1").text("div的宽度是:" + $("#div1").width());
                $("#text2").text("div的高度是:" + $("#div1").height());
            })
        });
    </script>
</body>
</html>

效果：

一个设置元素“高度和宽度”的例子：

<!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="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <style>
        .n{
            font-weight: bold;
            font-size: large;
        }
        .color{
            color: blue;
        }
    </style>
</head>
<body>
    <div style="height: 300px;width: 200px;background-color: aqua;" id="div1">
    </div>
    <br><br>
    <button id="bt1">点我更改div的高度和宽度</button>
    <script>
        $(document).ready(function(){
            $("#bt1").click(function(){
                $("#div1").width(500).height(200);
            })
        });
    </script>
</body>
</html>

点击前：

点击后：

1.2innerWidth()和innerHeight()方法

  • innerWidth() ：返回元素的宽度（包括内边距）
  • innerHeight() ：返回元素的高度（包括内边距）

一个例子：

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    var txt="";
    txt+="Width of div: " + $("#div1").width() + "</br>";
    txt+="Height of div: " + $("#div1").height() + "</br>";
    txt+="Inner width of div: " + $("#div1").innerWidth() + "</br>";
    txt+="Inner height of div: " + $("#div1").innerHeight();
    $("#div1").html(txt);
  });
});
</script>
</head>

<body>
<div id="div1" style="height:100px;width:300px;padding:10px;margin:3px;border:1px solid blue;background-color:lightblue;"></div>
<br>

<button>显示 div 的尺寸</button>
<p>innerWidth() - 返回元素的宽度（包括内边距）。</p>
<p>innerHeight() - 返回元素的高度（包括内边距）。</p>

</body>
</html>

效果：

注意：

“可以看到使用innerWitdth和innerHeight的大小都基于width和height的基础上加了两个内边距的长度”

原因很简单，因为内边距分为：“上下左右”四个方向，因此要加两个内边距！

1.3outerWidth和outerHeight

  • outerWidth() ：返回元素的宽度（包括内边距和边框)
  • outerHeight() ：返回元素的高度（包括内边距和边框）
  • outerWidth(true) ：返回元素的宽度（包括内边距、边框和外边距）
  • outerHeight(true) ：返回元素的高度（包括内边距、边框和外边距）

一个outer不带(true)的例子：

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    var txt="";
    txt+="Width of div: " + $("#div1").width() + "</br>";
    txt+="Height of div: " + $("#div1").height() + "</br>";
    txt+="Outer width of div: " + $("#div1").outerWidth() + "</br>";
    txt+="Outer height of div: " + $("#div1").outerHeight();
    $("#div1").html(txt);
  });
});
</script>
</head>

<body>
<div id="div1" style="height:100px;width:300px;padding:10px;margin:3px;border:1px solid blue;background-color:lightblue;"></div>
<br>

<button>显示 div 的尺寸</button>
<p>outerWidth() - 返回元素的宽度（包括内边距和边框）。</p>
<p>outerHeight() - 返回元素的高度（包括内边距和边框）。</p>

</body>
</html>

效果：

可以看到结果：“高度/宽度+内边距+边框”的长度

一个outer带(true)的例子

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    var txt="";
    txt+="Width of div: " + $("#div1").width() + "</br>";
    txt+="Height of div: " + $("#div1").height() + "</br>";
    txt+="Outer width of div (margin included): " + $("#div1").outerWidth(true) + "</br>";
    txt+="Outer height of div (margin included): " + $("#div1").outerHeight(true);
    $("#div1").html(txt);
  });
});
</script>
</head>
<body>

<div id="div1" style="height:100px;width:300px;padding:10px;margin:3px;border:1px solid blue;background-color:lightblue;"></div>
<br>
<button>显示 div 的尺寸</button>
<p>outerWidth(true) - 返回元素的宽度（包括内边距、边框和外边距）。</p>
<p>outerHeight(true) - 返回元素的高度（包括内边距、边框和外边距）。</p>

</body>
</html>

效果：

可以看到结果：“高度/宽度+内边距+边框+外边距”的长度

二.JQuery的遍历

2.1JQ遍历介绍

JQ遍历，意为：“移动”，用于根据其相对于其他元素的关系来“查找”HTML元素

下面是一个“家族树”，JQ的遍历将会在“家族树”上进行：

 在“家族树”中，有三种关系：“父子关系”、“兄弟(同胞)关系”、“祖孙关系”：

  • <div> 元素是 <ul> 的父元素，同时是其中所有内容的祖先
  • <ul> 元素是 <li> 元素的父元素，同时是 <div> 的子元素
  • 左边的 <li> 元素是 <span> 的父元素，<ul> 的子元素，同时是 <div> 的后代
  • <span> 元素是 <li> 的子元素，同时是 <ul> 和 <div> 的后代
  • 两个 <li> 元素是同胞（拥有相同的父元素）
  • 右边的 <li> 元素是 <b> 的父元素，<ul> 的子元素，同时是 <div> 的后代
  • <b> 元素是右边的 <li> 的子元素，同时是 <ul> 和 <div> 的后代

2.2祖先的遍历

祖先可以是：“父”、“祖父”、“曾祖父”等等

遍历祖先，即：在“家族树”中向上

方法有三种：“parent”、“parents”、“parentsUntil”：

2.2.1parent()

parent()方法返回被选元素的直接父元素。

例如：

<!DOCTYPE html>
<html>
<head>
<style>
.ancestors *
{ 
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("span").parent().css({"color":"red","border":"2px solid red"});
});
</script>
</head>
<body>

<div class="ancestors">
  <div style="width:500px;">div (曾祖父)
    <ul>ul (祖父)  
      <li>li (直接父)
        <span>span</span>
      </li>
    </ul>   
  </div>

  <div style="width:500px;">div (祖父)   
    <p>p (直接父)
        <span>span</span>
      </p> 
  </div>
</div>

</body>
</html>

效果：

2.2.2parents()

parents()方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素

例如：

<!DOCTYPE html>
<html>
<head>
<style>
.ancestors *
{ 
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("span").parents().css({"color":"red","border":"2px solid red"});
});
</script>
</head>

<body class="ancestors">body (曾曾祖父)
  <div style="width:500px;">div (曾祖父)
    <ul>ul (祖父)  
      <li>li (直接父)
        <span>span</span>
      </li>
    </ul>   
  </div>
</body>

<!-- 最外围的红色边框，在 body 元素之前，是 html 元素（也是祖先）。 -->
</html>

效果：

最外面的“红框”是：“<html>”元素

同时我们也可以使用“过滤”，来获得我们只想要的祖先元素：

例如：

$(document).ready(function(){
  $("span").parents("ul");
});

效果：

2.2.3parentsUntil()

parentsUntil方法返回介于两个给定元素之间的所有“祖先元素”(不包括两个边界【开始位置和结束位置】)

例如：

$(document).ready(function(){
  $("span").parentsUntil("div");
});

效果：

2.3后代的遍历

后代是：“子”、“孙”、“曾孙”等等

遍历后代，相当于在“家族树”中向下遍历，方法有两种：

  • children()：遍历直接子元素
  • find()：遍历所有后代元素

2.3.1children()

children方法返回被选元素的所有直接子元素

例如：

<!DOCTYPE html>
<html>
<head>
<style>
.descendants *
{ 
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("div").children().css({"color":"red","border":"2px solid red"});
});
</script>
</head>
<body>

<div class="descendants" style="width:500px;">div (当前元素) 
  <p>p (子)
    <span>span (孙)</span>     
  </p>
  <p>p (child)
    <span>span (孙)</span>
  </p> 
</div>

</body>
</html>

效果：

注意到，<span>作为“孙子”(后代)并没有被遍历

当然，children()也可以使用“过滤”来筛选遍历对象，例如：

$(document).ready(function(){
  $("div").children("p.1");
});

2.3.2find()

find()方法返回被选元素的后代元素，一路向下直到最后一个后代：

使用方法：

find(params)：params(参数)可以是：“过滤”元素名字”、“*”代表所有后代

注意：find()的params不能为空！！

<!DOCTYPE html>
<html>
<head>
<style>
.descendants *
{ 
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("div").find("*").css({"color":"red","border":"2px solid red"});`    `//所有后代
});
</script>
</head>
<body>

<div class="descendants" style="width:500px;">div (当前元素) 
  <p>p (子)
    <span>span (孙)</span>     
  </p>
  <p>p (child)
    <span>span (孙)</span>
  </p> 
</div>

</body>
</html>

效果：

2.4同胞的遍历

同胞：“拥有相同的父元素”

遍历同胞有：“七种方法”、“三大类”

第一大类就一种方法：

  • siblings()：返回被选元素的所有同胞元素(上下两个方向)

第二大类三种方法：

  • next()：向下遍历，返回下面的第一个同胞
  • nextAll()：向下遍历，返回下面的所有同胞
  • nextUntil(endposition)：向下遍历，返回一个当前位置到endposition边界内的所有同胞

第三大类三种方法：

  • prev()：向上遍历，返回上面的第一个同胞
  • prevAll()：向上遍历，返回上面的所有同胞
  • prevUntil(startposition)：向上遍历，返回startposition到当前位置边界内的所有同胞

2.4.1sibilings()

sibilings返回被选元素的所有同胞：

<!DOCTYPE html>
<html>
<head>
<style>
.siblings *
{ 
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("h2").siblings().css({"color":"red","border":"2px solid red"});
});
</script>
</head>
<body class="siblings">

<div>div (父)
  <p>p</p>
  <span>span</span>
  <h2>h2</h2>
  <h3>h3</h3>
  <p>p</p>
</div>

</body>
</html>

效果：

2.4.2next()、nextAll()、nextUntil()

这三种方法用来向下遍历，分别返回：“第一个”、“所有”、“当前位置到endposition边界内”的同胞

使用next：

<!DOCTYPE html>
<html>
<head>
<style>
.siblings *
{ 
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("h2").next().css({"color":"red","border":"2px solid red"});
});
</script>
</head>
<body class="siblings">

<div>div (父)
  <p>p</p>
  <span>span</span>
  <h2>h2</h2>
  <h3>h3</h3>
  <p>p</p>
</div>

</body>
</html>

效果：

使用nextAll：

$(document).ready(function(){
  $("h2").nextAll();
});

效果：

使用nextUntil：

$(document).ready(function(){
  $("h2").nextUntil("h6");
});

效果：

2.4.3prev()、prevAll()、prevUntil()

这三种方法用来向上遍历，分别返回：“第一个”、“所有”、“startposition到当前位置边界内”的同胞

使用prev()：

<!DOCTYPE html>
<html>
<head>
<style>
.siblings *
{ 
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("h2").prev().css({"color":"red","border":"2px solid red"});
});
</script>
</head>
<body class="siblings">

<div>div (父)
  <p>p</p>
  <span>span</span>
  <h2>h2</h2>
  <h3>h3</h3>
  <p>p</p>
</div>

</body>
</html>

效果：

使用prevAll()：

$(document).ready(function(){
  $("h2").prevAll();
});

效果：

使用prevUntil()：

$(document).ready(function(){
  $("h2").nextUntil("h6");
});

效果：

2.5遍历的过滤

对于遍历的过滤，前面浅略的提过一下，下面我们来说一下更为详细的“过滤”：

三个最基本的过滤方法：“first()”、“last()”、“eq()”，它们允许基于其在一组中的位置来筛选

两个匹配某项标准的方法：“filter()”、“not()”

  • first()：返回被选元素的首个元素
  • last()：返回被选元素的最后一个元素
  • eq()：返回被选元素中带有指定索引号的元素
  • filter()：规定一个标准，只返回匹配这个标准的元素
  • not()：返回所有不匹配的所有元素，not()与filter()作用相反

2.5.1first()、last()

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("div p").first().css("background-color","yellow");
});
</script>
</head>
<body>

<h1>欢迎来到我的主页</h1>
<div>
<p>这是 div 中的一个段落。</p>
</div>

<div>
<p>这是 div 中的另一个段落。</p>
</div>

<p>这也是段落。</p>

</body>
</html>

效果：

将上面的“.first()”改为：“.last()”之后：

$(document).ready(function(){
  $("div p").last().css("background-color","yellow");
});

效果：

2.5.2eq()

eq返回相对一个带有指定索引号的元素，索引号从“0”开始！

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").eq(0).css("background-color","yellow");
});
</script>
</head>
<body>

<h1>欢迎来到我的主页</h1>
<p>我是唐老鸭 (index 0)。</p>
<p>唐老鸭 (index 1)。</p>
<p>我住在 Duckburg (index 2)。</p>
<p>我最好的朋友是米老鼠 (index 3)。</p>

</body>
</html>

效果：

注意：在这里的“(index0)”、“(index1)”、“(index2)”、“(index3)”没有实际作用，只是起到一个区分作用，用来方便我们区分！！并不是<p>中有一个属性叫：“index”！

2.5.3filter()、not()

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").filter(".intro").css("background-color","yellow");
});
</script>
</head>
<body>

<h1>欢迎来到我的主页</h1>
<p>我是唐老鸭。</p>
<p class="intro">我住在 Duckburg。</p>
<p class="intro">我爱 Duckburg。</p>
<p>我最好的朋友是 Mickey。</p>

</body>
</html>

效果：

将：“filter”改为“not”后：

$(document).ready(function(){
  $("p").not(".intro");
});

效果：

是洋洋a
关注
  • 23
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
jQuery窗口调整大小
从零开始的教程世界
07-18 2215
jQuery resize() function triggers when the browser window is resized. jQuery resize function attaches a handler, which executes when the resize event is fired. 调整浏览器窗口大小时，jQuery resize（）函数将触发。 jQuery ...
jQuery 遍历-nextUntil()方法以及prevUntil()方法的使用介绍
01-21
返回的新 jQuery 对象包含所有跟随的同胞元素，但不包括被选择器、DOM 节点或已传递的 jQuery 对象匹配的元素。如果没有参数，则会选取所有跟随的同胞元素，此时与.nextAll()方法相同。 语法一： 代码如下:....
Jquery根据浏览器窗口改变调整大小的方法
01-19
如下所示： 当浏览器窗口发生该表示，会触发resize函数 // 浏览器大小发生变化时，给id为main-container的容器设置最小高度 [removed] $(function(){ $(window).resize(function(){ $(#main-container).css(min-height, $(window).height() - 343); }).resize(); }) [removed] 以上这篇Jquery根据浏览器窗口改变调整大小的方法就是小编分享给大家的全部内容了
jquery 检测浏览器窗口大小变化
成长中de大神
06-25 1万+
//浏览器窗口大小变化时 $(window).resize(function() { var window_width = $(window).width();//获取浏览器窗口宽度 if(window_width&gt;1200){ window_width = 1200; } var height = window_width*(800/1280...
使用jquery，实现根据浏览器窗口大小改变，使标签在规定时间内淡出淡入。
Anakki的博客
11-28 744
效果：  jquery代码： $(window).resize(function(){//Windows的resize函数，窗口发生变化时触发 //获取浏览器高度 var h = $(window).height(); if(h &lt; 500) {//浏览器小于500px时，标签选择器所选标签消失 $("#title").fadeOut(700);//id为title的元素...
JS和jquery获取各种屏幕的宽度和高度
css教程
03-09 1239
从网上找的， 原文地址找不到了。。。    Javascript:    网页可见区域宽： document.body.clientWidth  网页可见区域高： document.body.clientHeight  网页可见区域宽： document.body.offsetWidth (包括边线的宽)  网页可见区域高： document.body.o
jQuery-Paging动态分页数据获取插件
06-10
通过使用jQuery，开发者可以更高效地编写JavaScript代码，而无需关注浏览器之间的兼容性问题。 jQuery-Paging插件的核心功能在于动态数据获取。这意味着它能够在用户滚动或点击分页按钮时，根据需要加载新的数据块...
jquery-bbedit-1.1.zip_bbedit jquery_jquery-bbedit
09-22
在Web开发领域，jQuery是一款广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。而BBEdit插件则是针对这款强大的库进行扩展，以提升开发效率和功能体验。本文将深入探讨jQuery ...
jQuery--遍历操作实例小结【后代、同胞及过滤】
10-15
jQuery 是一个广泛使用的 JavaScript 库，它极大地简化了对网页中的 DOM 元素的操作，包括遍历和筛选。本文将详细介绍 jQuery 中针对后代、同胞及过滤遍历的相关函数和技巧。 1. **遍历后代** - `children()` 函数...
jQuery获取窗口大小及窗口大小改变时执行代码
热门推荐
包子源的博客
04-22 2万+
$(window).height(); //浏览器时下窗口可视区域高度 $(document).height(); //浏览器时下窗口文档的高度 $(document.body).height();//浏览器时下窗口文档body的高度 $(document.body).outerHeight(true);//浏览器时下窗口文档body的总高度 包括border padding margin
JS,Jquery获取各种屏幕的宽度和高度
12-09
JS,Jquery获取各种屏幕的宽度和高度。
拖动浏览器大小,jquery获取窗口长宽
通往架构师之路
12-11 2006
$(document).ready(function() { // 浏览器拖动事件 $(window).resize(function() {  height = $(window).height();//获取当前窗口高度 width = $(window).width();//获取当前窗口宽度                 $("#test_div").css('he
js中常用的查看 / 修改DOM元素宽高的属性
zhaoyapeng_的博客
03-02 2297
** js中常用的查看 / 修改DOM元素宽高的属性 ** 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的高) 网页正文全文宽： document.body.scrollWidth 网页正文全文高： document.body.scrollH
JavaScript、jQuery获取屏幕宽度
6块腹肌的博客
03-12 756
jquery获取当前浏览器可视区域宽度方法： $(window).width() jquery获取当前浏览器可视区域高度方法： $(window).height() 浏览器窗口发生大小的时候发生的事件：resize() 用法： $(window).resize(function () { console.log($(window).width()); //...
Jquery---屏幕高度和宽度
qq_2227593461的博客
09-12 227
Jquery—屏幕高度和宽度 $(document).ready(function(){ alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器当前窗口文档bod
jquery 获取各种屏幕的宽度和高度
Tizzy_Joel的专栏
03-09 637
$(document).ready(function(){  alert($(window).height()); //浏览器当前窗口可视区域高度  alert($(document).height()); //浏览器当前窗口文档的高度  alert($(document.body).height());//浏览器当前窗口文档body的高度  alert($(document.body).oute
jQuery获取浏览器可用窗口尺寸
lixingecho的博客
05-31 592
如图所示，想获取这个部分的尺寸，可以使用jQuery代码处理： alert($(window).height()); alert($(window).width()); 我一开始忘了在height和width后面加括号（），结果弹出了一堆字符，这个一定要注意一下。 ...
Javascript和JQuery获取浏览器窗口各种尺寸及监听浏览器变化
zgphacker2010的专栏
09-29 431
原生JS 窗口尺寸： console.log('window.innerWidth = ' + window.innerWidth + '---window.innerHeight = ' + window.innerHeight) console.log('document.body.clientWidth = ' + document.body.clientWidth + '---docu...
使用jquery 遍历函数-find()、eq()
最新发布
05-18
find()和eq()是jQuery中常用的遍历函数。 find(selector)函数可以在当前元素的子孙元素中查找符合指定选择器的元素，并将它们作为一个新的jQuery对象返回。例如： ```javascript // 查找id为parent的元素下所有...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

是洋洋a

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值