JavaWeb——jQuery的常用操作(1)

最新推荐文章于 2023-12-28 14:32:35 发布
最新推荐文章于 2023-12-28 14:32:35 发布
阅读量304 收藏 2
点赞数
分类专栏： JavaWeb 笔记 文章标签： jquery dom javaweb javascript java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/i_am_handsome_/article/details/109659324
版权

jQuery

jQuery简介

含义：jQuery，是简化了的JavaScript，也就是JavaScript 和查询（Query），它就是辅助JavaScript 开发的js 类库。

核心思想：write less,do more(写得更少,做得更多)，所以它实现了很多浏览器的兼容问题。

jQuery的核心函数 $()

使用jQuery之前一定要引入jQuery库

<script type=“text/javascript” src=“jquery-1.7.2.js”></script>

jQuery文档就绪事件(入口函数)：
第一种方式：
$(document).ready(function(){

});
第二种方式（也是第一种方式的简写）:
$(function(){

});

js入口函数：
window.onload = function () {

}

jQuery入口函数和js入口函数的区别：

window.onload$(document).ready()
执行时机创建好DOM对象和页面显示的内容(图片，网页链接等)创建好DOM 对象之后
执行顺序后执行先执行
执行次数至多一次(因为会被覆盖)可以多次

$()函数的常用参数

  1. 传入参数为[ 函数] 时：
    表示页面加载完成之后。相当于window.onload = function(){}
  2. 传入参数为[ HTML 字符串] 时：
    会对我们创建这个html 标签对象
  3. 传入参数为[ 选择器字符串] 时：
    $(“#id 属性值”); id 选择器，根据id 查询标签对象
    $(“标签名”); 标签名选择器，根据指定的标签名查询标签对象
    $(“.class 属性值”); 类型选择器，可以根据class 属性查询标签对象
  4. 传入参数为[ DOM 对象] 时：
    会把这个DOM 对象转换为jQuery 对象
<script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
    <script type="text/javascript">

        //核心函数的4个常用操作
        //1.传入参数为[函数]时：在文档加载完成后执行这个函数
        $(function () {
            //2.传入参数为[HTML字符串]时：根据这个字符串创建元素节点对象
            alert("页面加载完成之后自动调用");
            $("<div>" +
                "        <span>div-span1</span>" +
                "        <span>div-span2</span>" +
                "    </div>").appendTo("body");

            //3.传入参数为[选择器字符串]时：根据这个字符串查找元素节点对象
            alert($("button").length);
            
			//通过id得到dom对象
            var btnObj = document.getElementById('btn01');
            alert(btnObj);//[object HTMLButtonElement] DOM对象
            //4.传入参数为[DOM对象]时：将DOM对象包装为jQuery对象返回
            alert($(btnObj));//[object Object] jQuery对象
            // alert($("<h1></h1>"))//[object Object] jQuery对象
            alert($("#button"));//[object Object] jQuery对象

        });
    </script>

jQuery对象

jQuery 对象是dom 对象的数组+ jQuery 提供的一系列功能函数。

jQuery 对象不能使用DOM 对象的属性和方法
DOM 对象也不能使用jQuery 对象的属性和方法

jQuery对象和DOM对象的相互转换：

  1. dom 对象转化为jQuery 对象
    $( DOM 对象) 就可以转换成为jQuery 对象
  2. jQuery 对象转为dom 对象
    jQuery 对象[下标]取出相应的DOM 对象

DOM对象转换为jQuery对象，然后再通过下标转换为DOM对象的示例：

alert($(document.getElementById(“testDiv”))[0]);

jQuery 选择器

基本选择器

#ID 选择器根据id 查找标签对象
.class 选择器根据class 查找标签对象
element 选择器根据标签名查找标签对象
* 选择器表示任意的，所有的元素
selector1，selector2 组合选择器合并选择器1，选择器2 的结果并返回

层级选择器

ancestor descendant 后代选择器在给定的祖先元素下匹配所有的后代元素
parent > child 子元素选择器在给定的父元素下匹配所有的子元素
prev + next 相邻元素选择器匹配所有紧接在prev 元素后的next 元素
prev ~ sibings 之后的兄弟元素选择器匹配prev 元素之后的所有siblings 元素

过滤选择器

基本过滤器

:first获取第一个元素
:last获取最后个元素
:not(selector)去除所有与给定选择器匹配的元素
:even匹配所有索引值为偶数的元素，从0 开始计数
:odd匹配所有索引值为奇数的元素，从0 开始计数
:eq(index)匹配一个给定索引值的元素
:gt(index)匹配所有大于给定索引值的元素
:lt(index)匹配所有小于给定索引值的元素
:header匹配如h1, h2, h3 之类的标题元素
:animated匹配所有正在执行动画效果的元素

内容过滤器

:contains(text)匹配包含给定文本的元素
:empty匹配所有不包含子元素或者文本的空元素
:parent匹配含有子元素或者文本的元素
:has(selector)匹配含有选择器所匹配的元素的元素

用法示例：

<script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
        /**
         :contains(text)
         :empty
         :has(selector)
         :parent
         */
        $(document).ready(function () {
            //1.选择 含有文本 'di' 的 div 元素
            $("#btn1").click(function () {
                $("div:contains(di)").css("background", "#bbffaa");
            });

            //2.选择不包含子元素(或者文本元素) 的 div 空元素
            $("#btn2").click(function () {
                $("div:empty").css("background", "#bbffaa");
            });

            //3.选择含有 class 为 mini 元素的 div 元素
            $("#btn3").click(function () {
                $("div:has(.mini)").css("background", "#bbffaa");
            });

            //4.选择含有子元素(或者文本元素)的div元素
            $("#btn4").click(function () {
                $("div:parent").css("background", "#bbffaa");
            });
        });
    </script>

属性过滤器

[attribute]匹配包含给定属性的元素。
[attribute=value]匹配给定的属性是某个特定值的元素
[attribute!=value]匹配所有不含有指定的属性，或者属性不等于特定值的元素。
[attribute^=value]匹配给定的属性是以某些值开始的元素
[attribute$=value]匹配给定的属性是以某些值结尾的元素
[attribute*=value]匹配给定的属性是以包含某些值的元素
[attrSel1][attrSel2][attrSelN]复合属性选择器，需要同时满足多个条件时使用。

用法示例：

<script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(function () {
            //1.选取含有 属性title 的div元素
            $("#btn1").click(function () {
                $("div[title]").css("background", "#bbffaa");
            });
            //2.选取 属性title值等于'test'的div元素
            $("#btn2").click(function () {
                $("div[title='test']").css("background", "#bbffaa");
            });
            //3.选取 属性title值不等于'test'的div元素(*没有属性title的也将被选中)
            $("#btn3").click(function () {
                $("div[title!='test']").css("background", "#bbffaa");
            });
            //4.选取 属性title值 以'te'开始 的div元素
            $("#btn4").click(function () {
                $("div[title^='te']").css("background", "#bbffaa");
            });
            //5.选取 属性title值 以'est'结束 的div元素
            $("#btn5").click(function () {
                $("div[title$='est']").css("background", "#bbffaa");
            });
            //6.选取 属性title值 含有'es'的div元素
            $("#btn6").click(function () {
                $("div[title*='es']").css("background", "#bbffaa");
            });

            //7.首先选取有属性id的div元素，然后在结果中 选取属性title值 含有'es'的 div 元素
            $("#btn7").click(function () {
                $("div[id][title*='es']").css("background", "#bbffaa");
            });
            //8.选取 含有 title 属性值, 且title 属性值不等于 test 的 div 元素
            $("#btn8").click(function () {
                $("div[title][title!='test']").css("background", "#bbffaa");
            });
        });
    </script>

表单过滤器

:input匹配所有input, textarea, select 和button 元素
:text匹配所有文本输入框
:password匹配所有的密码输入框
:radio匹配所有的单选框
:checkbox匹配所有的复选框
:submit匹配所有提交按钮
:image匹配所有img 标签
:reset匹配所有重置按钮
:button匹配所有input type=button 按钮
:file匹配所有input type=file 文件上传
:hidden匹配所有不可见元素display:none 或input type=hidden

表单对象过滤器

:enabled匹配所有可用元素
:disabled匹配所有不可用元素
:checked匹配所有选中的单选，复选，和下拉列表中选中的option 标签对象
:selected匹配所有选中的option

在遍历的function函数中，有一个this对象，这个this对象，就是遍历到的dom对象
在遍历中体会this的用法：

<script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
<script type="text/javascript">
		$(function(){		
			//1.对表单内 可用input 赋值操作
			$("#btn1").click(function(){
				//val()可以操作表单项的value属性值
				//它可以设置和获取
				$(":text:enabled").val("可用的框框");
			});
			//2.对表单内 不可用input 赋值操作
			$("#btn2").click(function(){
				$(":text:disabled").val("不可用，也能用，气不气？");
			});
			//3.获取多选框选中的个数  使用size()方法获取选取到的元素集合的元素个数
			$("#btn3").click(function(){
				// alert($(":checkbox:checked").size())//和length属性一样
				alert($(":checkbox:checked").length)
			});
			
			//4.获取多选框，每个选中的value值
			$("#btn4").click(function(){
				//获取全部选中的复选框标签对象
				var $checkboies = $(":checkbox:checked");
				
				//老式遍历
				for (var i = 0; i < $checkboies.length; i++) {
				 	alert($checkboies[i].value);
			 	}

				//each方法是jQuery对象提供的用来遍历元素的方法
				//在遍历的function函数中，有一个this对象，这个this对象，就是遍历到的dom对象
				$checkboies.each(function (){
							alert(this.value);
				});

			});
			//5.获取下拉框选中的内容  
			$("#btn5").click(function(){
				//获取选中的option标签对象
				var $options = $("select option:selected");
				//遍历，获取option标签中的文本内容
				$options.each(function(){
					//在each遍历时的function	函数中，有一个this对象，这个this对象是当前正在遍历的dom对象
					alert(this.innerHTML);
				});
			});
		})	
</script>

表单对象操作选择框：

<script type="text/javascript" src="script/jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(function () {
            //批量操作单选
            $(":radio").val(["radio2"]);
            //批量操作复选框的选中状态
            $(":checkbox").val(["checkbox1","checkbox2"]);
            //批量操作多选的下拉框选中状态
            $("#multiple").val(["mul2","mul4"]);
            
             //操作单选的下拉框选中状态
            $("#single").val(["sin2"]);

            $(":radio,:checkbox,#multiple,#single").val(["radio2", "checkbox1", "mul4", "sin3"]);
        });
    </script>

jQuery元素筛选

eq()获取给定索引的元素
first()获取第一个元素
last()获取最后一个元素
filter(exp)留下匹配的元素
is(exp)判断是否匹配给定的选择器，只要有一个匹配就返回true
has(exp)返回包含有匹配选择器的元素的元素
not(exp)删除匹配选择器的元素
children(exp)返回匹配给定选择器的子元素
find(exp)返回匹配给定选择器的后代元素
next()返回当前元素的下一个兄弟元素
nextAll()返回当前元素后面所有的兄弟元素
nextUntil()返回当前元素到指定匹配的元素为止的后面元素
parent()返回父元素
prev(exp)返回当前元素的上一个兄弟元素
prevAll()返回当前元素前面所有的兄弟元素
prevUnit(exp)返回当前元素到指定匹配的元素为止的前面元素
siblings(exp)返回所有兄弟元素
add()把add 匹配的选择器的元素添加到当前jquery 对象中

用法示例：（差别不大，筛选的元素.方法）

 <script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            //(1)eq()  选择索引值为等于 3 的 div 元素
            $("#btn1").click(function () {
                $("div").eq(3).css("background-color", "#bfa");
            });
            //(2)first()选择第一个 div 元素
            $("#btn2").click(function () {
                //first()   选取第一个元素
                $("div").first().css("background-color", "#bfa");
            });
            //(3)last()选择最后一个 div 元素
            $("#btn3").click(function () {
                //last()  选取最后一个元素
                $("div").last().css("background-color", "#bfa");
            });
            //(4)filter()在div中选择索引为偶数的
            $("#btn4").click(function () {
                //filter()  过滤   传入的是选择器字符串
                $("div").filter(":even").css("background-color", "#bfa");
            });
            //(5)is()判断#one是否为:empty或:parent
            //is用来检测jq对象是否符合指定的选择器
            $("#btn5").click(function () {
                alert($("#one").is(":empty"));
            });

            //(6)has()选择div中包含.mini的
            $("#btn6").click(function () {
                //has(selector)  选择器字符串    是否包含selector
                $("div").has(".mini").css("background-color", "#bfa");
            });
            //(7)not()选择div中class不为one的
            $("#btn7").click(function () {
                //not(selector)  选择不是selector的元素
                $("div").not('.one').css("background-color", "#bfa");
            });
            //(8)children()在body中选择所有class为one的div子元素
            $("#btn8").click(function () {
                //children()  选出所有的子元素
                $("body").children("div.one").css("background-color", "#bfa");
            });


            //(9)find()在body中选择所有class为mini的div元素
            $("#btn9").click(function () {
                //find()  选出所有的后代元素
                $("body").find("div.mini").css("background-color", "#bfa");
            });
            //(10)next() #one的下一个div
            $("#btn10").click(function () {
                //next()  选择下一个兄弟元素
                $("#one").next("div").css("background-color", "#bfa");
            });
            //(11)nextAll() #one后面所有的span元素
            $("#btn11").click(function () {
                //nextAll()   选出后面所有的元素
                $("#one").nextAll("span").css("background-color", "#bfa");
            });
            //(12)nextUntil() #one和span之间的元素
            $("#btn12").click(function () {
                //
                $("#one").nextUntil("span").css("background-color", "#bfa")
            });
            //(13)parent() .mini的父元素
            $("#btn13").click(function () {
                $(".mini").parent().css("background-color", "#bfa");
            });
            //(14)prev() #two的上一个div
            $("#btn14").click(function () {
                //prev()  
                $("#two").prev("div").css("background-color", "#bfa")
            });
            //(15)prevAll() span前面所有的div
            $("#btn15").click(function () {
                //prevAll()   选出前面所有的元素
                $("span").prevAll("div").css("background-color", "#bfa")
            });
            //(16)prevUntil() span向前直到#one的元素
            $("#btn16").click(function () {
                //prevUntil(exp)   找到之前所有的兄弟元素直到找到exp停止
                $("span").prevUntil("#one").css("background-color", "#bfa")
            });
            //(17)siblings() #two的所有兄弟元素
            $("#btn17").click(function () {
                //siblings()    找到所有的兄弟元素，包括前面的和后面的
                $("#two").siblings().css("background-color", "#bfa")
            });


            //(18)add()选择所有的 span 元素和id为two的元素
            $("#btn18").click(function () {

                //   $("span,#two,.mini,#one")
                $("span").add("#two").add("#one").add(".mini").css("background-color", "#bfa");

            });

        });


    </script>
i_am_handsome_
关注
专栏目录
JavaWEB笔记13 jQuery介绍及常用操作
RainOnTheMoon的博客
08-31 428
JavaWEB笔记13 jQuery介绍及常用操作 文章目录JavaWEB笔记13 jQuery介绍及常用操作一.jQuery简介：1.jQuery介绍：2.jQuery书写风格：二.jQuery加载模式：三.原生dom对象和jQuery对象的相互转换：四.jQuery三种常用操作：1.jQuery对于元素的选择：2.jQuery设置或获取标签之间的内容：3.jQuery获取或设置元素属性：4.jQuery获取元素的宽高：五.jQuery中对于CSS的操作样式：六.jQuery节点操作：七.jQuery中的
jQuery基础总结
str125757855的博客
11-11 1159
一、jQuery介绍 什么是jQuery jQuery，顾名思义，也就是JavaScript和查询（Query），它就是辅助JavaScript开发的js类库。 jQuery核心思想 它的核心思想是writeless,domore(写得更少,做得更多)，所以它实现了很多浏览器的兼容问题。 jQuery好处 jQuery是免费、开源的，jQuery的语法设计可以使开发更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能 使用jQuery 使用jQuery一定要引入jQu
JavaWeb之jQuery常用基础知识
羽毛的博客
07-20 191
jQuery
javaweb学习笔记2(jquery的使用，以及常用的方法，选择器，过滤器)
网络复习ing
01-22 498
javaweb学习笔记2 javascript正则表达式 regfxp对象 方式1： var putt=new RegExp("e");//表示要求字符串中必须包含字符串e var str="abcde"; alert(putt.test(str)); 方式2： var putt=/e/; var str ="abcde"; alert(putt.test(str)); var putt=/{abc}/;//表示要求字
JavaWeb小案例-1
weixin_52003758的博客
01-29 1017
JavaWeb小案例 实现功能 1、全选、反选、全不选 2、若果点击复选框全选/全不选,下面的四个复选框会跟着变动 3、若用户四个全部选中，上面复选框自动打上勾 代码实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test</title> <script type="text/javascript" src
JavaWeb——JQuery
最新发布
qq_45895217的博客
12-28 1039
感觉可能韩老师在吃老本了，2011年的东西放到现在还要讲这么久。跳！
黑马就业班（02.JavaWeb+项目实战\day12.jQuery）part1—— JQuery基础
LKJgdut的博客
02-29 333
本文参考自己的项目：myday12 今日内容 1. JQuery 基础： 1. 概念 2. 快速入门 3. JQuery对象和JS对象区别与转换 4. 选择器 5. DOM操作 6. 案例 1、JQuery概念   JQuery：一个JavaScript框架，简化JS开发。 * jQuery是一个快速、简洁的JavaSc ript框架，是继Prototype之后又一个优秀的J...
JavaWeb——vue
xiongzhouxiong的博客
04-13 2414
VUEVue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动，相比于jQuery关注DOM，Vue更关注于数据。Vue的优点：vue轻量级，使用熟悉的js语法，入门上手比较快...
JavaWeb——AJAX(附三级联动省、市、区案例）
weixin_43820008的博客
02-05 1331
目录1. 定义1.1 优点2. 基于jQuery的AJAX 1. 定义 AJAX：异步的JavaScript和xml，并不是新的编程，指的是一种交互方式，异步加载，客户端和服务器的数据交互更新在局部页面的技术，不需要刷新整个页面（局部刷新） 1.1 优点 局部刷新，效果更好 用户体验更好 2. 基于jQuery的AJAX jsp <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf
javaweb课程设计——服装商城
07-14
SSH框架是JavaWeb开发中常用的技术栈，它能有效地管理应用程序的业务逻辑、视图展示和持久化操作。 1. **Spring框架**：Spring作为核心容器，负责管理应用程序的组件，如Bean的生命周期管理和依赖注入。在服装商城...
JavaWeb-JQuery
Ego_Ekko的博客
01-08 487
是JavaScript和查询Query，辅助JavaScript开发的JS类库，实现了很多浏览器的兼容问题，可以是开发更加敏捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。
黑马程序员JavaWeb第十一章作业答案
qq_68149578的博客
10-24 1661
本文是黑马程序员javaweb第十一章答案
jQuery基础练习题一
Aoian的博客
04-05 9719
jQuery基础练习题一 选择题 1、下面对于jQuery的描述中，错误的是（） A、它的核心理念就是写的更少，做的更多 B、实现的代码更加简洁 C、有效的提高开发效率 D、jQuery跟JavaScript的用法是完全一样的 参考答案 : D 2、下列选项中，不能打开Chrome浏览器开发者工具的方式是（） A、按“F12”键打开 B、使用“Ctrl+Shift+U”快捷键打开 C、鼠标右击页面的任意位置，选择弹出菜单中“检查”选项 D、单击Chrome浏览器右上角的图标，展开菜单依次选择“更多工
jQuery---- 常用操作
Damys
03-26 1084
jQuery的链式操作：  $(this)   .addClass("highlight").children("li").show().end()   .sibilings().removeClass("highlight").children("li").hide();    jQuery对象和DOM对象：   var $cr = $("cr"); // jQuery对
Web基础——jQuery的基本使用
威威的博客
01-22 1490
1.什么是jQuery jQuery是一个JavaScript库（框架），它通过封装原生的JavaScript函数得到一整套定义好的方法。 它的作者是John Resig，于2006年创建的一个开源项目，随着越来越多开发者的加入， jQuery已经集成了JavaScript、 CSS、 DOM和Ajax于一体的强大功能。 它可以用最少的代码，完成更多复杂而困难的功能，从而得到了开发者的青睐。 jQuery的功能和优势 jQuery 作为 JavaScript 封装的库，他的目的就是为了简化开发者使用 Ja
jQuery常用操作
【设计改变世界】github地址：https://github.com/guochunyang2004
04-03 745
jquery常用操作 jquery基本入门第一天：选择器相关1.html()与.text().html()取得第一个匹配元素的html内容。会带有标签，.text()仅是里边的文本.text()取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本2.$("a")选择所有的连接$(".a")选择所有class="a"的标签$("#a")选择id="a"的标签3.$("sp
jQuery学习笔记：jQuery
qq_49019244的博客
12-21 97
学习内容：jQuery 文章目录学习内容：jQuery1. jQuery 介绍2. jQuery的核心函数3. jQuery 对象和 dom 对象区分4. Dom 对象和 jQuery 对象互转 1. jQuery 介绍 1.1、什么是 jQuery ? jQuery，顾名思义，也就是 JavaScript 和查询（Query），它就是辅助 JavaScript 开发的 js 类库。 1.2、jQuery 核心思想 它的核心思想是 write less,do more(写得更少,做得更多)，所以它实现了很多
JQuery 常用操作
Lyajpunov的博客
12-06 791
Jquery 导读 Jquery是一个JS库，一个封装好的特定的集合，这样的话使用的时候直接调用即可，可以快捷方便的操作DOM JQuery的宗旨“write less，do more”，它优化了DOM操作，事件处理，动画设计和Ajax交互 **优点：**轻量级，跨浏览器兼容，链式编程，隐式迭代，支持插件开发，免费开源 Jquery的入口函数 $ 是JQuery的别称同时也是JQuery的顶级对象 <script> // 两种方法等待元素加载完毕再执行代码 // $(docume
尚硅谷最新版JavaWeb全套教程,java web零基础入门完整版（一）
m0_51448653的博客
02-24 3342
HTML和CSS ctrl + shift + / 在同一行代码中的后半截产生注释 HTML标签的介绍 标签拥有自己的属性，分为 基本属性 和 事件属性 标签的基本属性 ：bgcolor="red 可以修改简单的样式效果 标签的事件属性 ：onclick="alert('你好');" 单标签： br/ 换行 hr/ 水平线 ...
JavaWeb——HTTP
10-07
JavaWeb中的HTTP指的是在JavaWeb开发中使用的超文本传输协议(HTTP)。HTTP是一种简单的请求-响应协议，通常在TCP/IP协议上运行。它通过客户端和服务器之间的交互来传输文本和超文本数据，如HTML、图片、音乐、视频等。JavaWeb开发中使用HTTP协议来实现客户端和服务器之间的通信，通过HTTP请求向服务器发送请求，服务器接收请求后处理并返回相应的HTTP响应。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值