jquery 事件小结

最新推荐文章于 2022-08-06 16:22:55 发布
最新推荐文章于 2022-08-06 16:22:55 发布
阅读量530 收藏
点赞数
分类专栏： JS java json
JS 同时被 3 个专栏收录
29 篇文章 0 订阅
订阅专栏
java
12 篇文章 0 订阅
订阅专栏
json
4 篇文章 0 订阅
订阅专栏

1.定位标签

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>exe_1.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  	<script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
  </head>
  <body>
  
  	<p>段落1</p>
  	<p>段落2</p>
  	<p>段落3</p>
  	
  	<script type="text/javascript">
  		//定位3个p标签
  		$("p").click( function(){
  			alert( $(this).text() );
  		} )
  	</script>
  	
  </body>
</html>

2.表格各行变色

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>exe_2.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  	<script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
  </head>
  <body>
  	<form>
		<table border="1" align="center" width="70%">
			<tr>
				<th>用户名</th>
				<th>密码</th>
				<th>0</th>
			</tr>
			<tr>
				<td>张三</td>
				<td>123456</td>
				<th>1</th>
			</tr>
			<tr>
				<td>李四</td>
				<td>654321</td>
				<th>2</th>
			</tr>
			<tr>
				<td>王五</td>
				<td>162534</td>
				<th>3</th>
			</tr>
		</table> 
	</form>
	
	
	<script type="text/javascript">

		//NO1)将索引号为奇数的行背景色设为蓝色
		$("table tr:odd").css("background-color","blue");
				
		//NO2)将索引号为偶数的行背景色设为黄色
		$("table tr:even").css("background-color","yellow");

		//NO3)将第一行背景色设为粉色
		$("table tr:first").css("background-color","pink");
		
	</script> 	
  
  </body>
</html>



3.复选框的事件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>exe_3.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  	<script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
  </head>
  <body>
	
	<input type="checkbox" value="篮球"/>篮球
	<input type="checkbox" value="排球"/>排球	
	<input type="checkbox" value="羽毛球"/>羽毛球	
	<input type="checkbox" value="乒乓球"/>乒乓球
	
	<input type="button" value="选中的个数"/>
	<input type="button" value="依次显示选中的value"/>
	
	<script type="text/javascript">
		//定位"选中的个数"按钮，同时添加单击事件
		$(":button:first").click( function(){
			//获取选中的复选框个数
			var size = $(":checkbox:checked").size();	
			//判断
			if(size == 0){
				alert("这家伙太赖了");
			}else{
				alert("你选中了"+size+"个项目");
			}
		} );
		//定位"依次显示选中的value"按钮，同时添加单击事件
		$(":button:last").click( function(){
			//获取选中的复选框
			var $checkbox = $(":checkbox:checked");
			//迭代所有选中的复选框的value属性值
			$checkbox.each(function(){
				//alert( $(this).val() );//提倡
				alert( this.value );//不提倡
			});
		} );
	</script>
	
  </body>
</html>

4.下拉框的批量右移操作

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
  </head>
  <body>		
  	<div>	
	  	<select style="width:60px" multiple size="10" id="leftID">
	  		<option>选项A</option>
	  		<option>选项B</option>
	  		<option>选项C</option>
	  		<option>选项D</option>
	  		<option>选项E</option>
	  		<option>选项F</option>
	  		<option>选项G</option>
	  		<option>选项H</option>
	  		<option>选项I</option>
	  		<option>选项J</option>
	  	</select>
  	</div>
  	<div style="position:absolute;left:100px;top:60px">
  		<input type="button" value="批量右移" id="rightMoveID"/>
  	</div>
  	<div style="position:absolute;left:100px;top:90px">
  		<input type="button" value="全部右移" id="rightMoveAllID"/>
  	</div>
  	<div style="position:absolute;left:220px;top:20px">	
	  	<select multiple size="10" style="width:60px" id="rightID">
	  	</select>
  	</div>
  </body>
  
  <script type="text/javascript">
  		
  		//双击右移
  		//定位左边的下拉框，同时添加双击事件
  		$("#leftID").dblclick(function(){
  			//获取双击时选中的option标签
  			var $option = $("#leftID option:selected");
  			//将选中的option标签移动到右边的下拉框中
  			$("#rightID").append( $option );
  		});
  		
	  	//批量右移
	  	//定位批量右移按钮，同时添加单击事件
		$("#rightMoveID").click(function(){
			//获取左边下拉框中选中的option标签
			var $option = $("#leftID option:selected");
			//将选中的option标签移动到右边的下拉框中
  			$("#rightID").append( $option );
		});	  	

  		//全部右移
  		//定位全部右移按钮，同时添加单击事件
  		$("#rightMoveAllID").click(function(){
  			//获取左边下拉框中所有的option标签
  			var $option = $("#leftID option");
  			//将选中的option标签移动到右边的下拉框中
  			$("#rightID").append( $option );
  		});
  		
  </script>
  
</html>

5.动态增加表格行 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<script type="text/javascript" src="../js/jquery-1.8.2.js"></script> 
  </head>
  <body>
  	<table id="tableID" border="1" align="center" width="60%">
  		<thead>
	  		<tr>	
	  			<th>用户名</th>
	  			<th>密码</th>
	  			<th>操作</th>
	  		</tr>
  		</thead>
  		<tbody id="tbodyID">
  			<!-- 动态增加行 
  			<tr>
  				<td>哈哈</td>
  				<td>123</td>
  				<td><input type="button" value="删除" οnclick=""/></td>
  			</tr>
  			-->
  		</tbody>
  	</table>
  	
  	<hr/>
  	用户名：<input type="text" id="usernameID"/>
  	密码：  <input type="text" id="passwordID"/>
  			<input type="button" value="增加" id="addID"/>
  			
  </body>
  
  <script type="text/javascript">
  		//定位"增加"按钮，同时添加单击事件
  		$("#addID").click(function(){
  			//获取用户名和密码的值
  			var username = $("#usernameID").val();
  			var password = $("#passwordID").val();
  			//去掉二边的空格
  			username = $.trim(username);
  			password = $.trim(password);
  			//如果用户名或密码没有填
  			if(username.length == 0 || password.length == 0){
				//提示用户  				
  				alert("用户名或密码没有填");
  			}else{
  				//创建1个tr标签
  				var $tr = $("<tr></tr>");
  				//创建3个td标签
  				var $td1 = $("<td>"+username+"</td>");
  				var $td2 = $("<td>"+password+"</td>");
  				var $td3 = $("<td></td>");
  				//创建input标签，设置为删除按钮
  				var $del = $("<input type='button' value='删除'>");
  				//为删除按钮动态添加单击事件
  				$del.click(function(){
  					//删除按钮所有的行，即$tr对象
  					$tr.remove();
  				});
  				//将删除按钮添加到td3标签中
  				$td3.append($del);
  				//将3个td标签依次添加到tr标签中
  				$tr.append($td1);
  				$tr.append($td2);
  				$tr.append($td3);
  				//将tr标签添加到tbody标签中
  				$("#tbodyID").append($tr);
  				//清空用户名和密码文本框中的内容
  				$("#usernameID").val("");
  				$("#passwordID").val("");
  			}
  		});
  </script>
  
</html>

6.复选框的表格内全选，取消，和反选 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
	</head>
	<body>
		<table border="1" align="center">
			<thead>
				<tr>
					<th>状态</th>
					<th>用户名</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><input type="checkbox" /></td>
					<td>赵</td>
				</tr>
				<tr>
					<td><input type="checkbox" /></td>
					<td>钱</td>
				</tr>
				<tr>
					<td><input type="checkbox" /></td>
					<td>孙</td>
				</tr>
				<tr>
					<td><input type="checkbox" /></td>
					<td>李</td>
				</tr>
				<tr>
					<td><input type="checkbox" /></td>
					<td>周</td>
				</tr>
			</tbody>
			<tfoot>
				<tr>
					<td>
						<input type="checkbox" />
						全选
					</td>
					<td>
						<input type="button" value="全反选" />
					</td>
				</tr>
			</tfoot>
		</table>
		
		<script type="text/javascript">
			//全选中和全取消
			//定位tfoot中的全选复选框，同时添加单击事件
			$("tfoot input:checkbox").click(function(){
				//获取该全选复选框的状态
				var flag = this.checked; 
				//如果选中
				if(flag){
					//将tbody中的所有复选框选中
					$("tbody input:checkbox").attr("checked","checked");
				//如果未选中
				}else{
					//将tbody中的所有复选框取消
					$("tbody input:checkbox").removeAttr("checked");
				}
			});
			
		</script>
		
		<script type="text/javascript">
			//全反选
			//定位tfoot标签中的全反选按钮，同时添加单击事件
			$("tfoot input:button").click(function(){
				//将tbody标签中的所有选中的复选框失效
				$("tbody input:checkbox:checked").attr("disabled","disabled");
				//将tbody标签中的所有生效的复选框选中
				$("tbody input:checkbox:enabled").attr("checked","checked");
				//将tbody标签中的所有失效的复选框生效且设置为未选中
				$("tbody input:checkbox:disabled").removeAttr("disabled").removeAttr("checked");
			});
			
		</script>
		
	</body>
</html>

========================================================================================================================

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>ready.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
  </head>
  <body>
  
	<script type="text/javascript">
		window.onload = function(){
			alert("传统");
		}
		$(function(){
			alert("现代");
		});
		
	</script>	
	  	
  </body>
</html>
====================================================================================
select框change事件 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>ready.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
  </head>
  <body>
	
	<select id="city">
		<option value="bj">北京</option>	
		<option value="sh">上海</option>	
		<option value="gz">广州</option>
	</select>
	
	<script type="text/javascript">
		//当<select>标签触发onchange事件,显示选中<option>的value和innerHTML属性的值
		$("#city").change( function(){ 
			var $option = $("#city option:selected");
			var value = $option.val();
			var text = $option.text();
			alert(value+":"+text);
		} );
	</script>
		
  </body>
</html>


========================================================================================================

文本框焦点

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>focus.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
  </head>
  <body>
	
	<input type="text" value="加载页面时获取光标并选中所有文字" size="50"/>	
	
	<script type="text/javascript">
		//加载页面时获取光标并选中所有文字
		$(function(){
			//光标定位文本框
			$(":text").focus();
			//选中文本框的所有文本
			$(":text").select();
		});
	</script>
  
  </body>
</html>

========================================================================================================

按键事件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>keyup.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
  </head>
  <body>

	<script type="text/javascript">
		//当按键弹起时，显示所按键的unicode码
		$(function(){
			//IE浏览器会自动创建event这个事件对象，那么程序员可以根据需要来使用该event对象
			$(document).keyup(function(){
				//获取按钮的unicode编码
				var code = event.keyCode; 
				alert(code);
			});
		});
	</script>

  </body>
</html>
===============================================================================================

鼠标滚动事件显示坐标

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>focus.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
  </head>
  <body>

	X=<input type="text" id="xID"/>
	<br/>
	Y=<input type="text" id="yID"/>

	<script type="text/javascript">
		//显示鼠标移动时的X和Y座标
		$(function(){
			$(document).mousemove(function(){
				var x = event.clientX;
				var y = event.clientY;
				$("#xID").val(x);
				$("#yID").val(y);
			});		
		});
	</script>
	
  </body>
</html>

========================================================================================================= 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>06_mouseover_mouseout.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
  </head>
  <body>
	<table border="2" align="center" width="80%" id="tableID">
		<tr>
			<td>张三</td>
			<td>男</td>
			<td>22</td>
		</tr>
		<tr>
			<td>李四</td>
			<td>男</td>
			<td>24</td>
		</tr>
		<tr>
			<td>王五</td>
			<td>男</td>
			<td>26</td>
		</tr>
		<tr>
			<td>周六</td>
			<td>男</td>
			<td>28</td>
		</tr>
	</table>
	
	<hr/>
	
	<img height="120px" src="../images/zgl.jpg" style="position:absolute;left:30%;border-style:dashed;border-color:white"/>
	<img height="120px" src="../images/lb.jpg" style="position:absolute;left:60%;border-style:dashed;border-color:white"/>
	
	<script type="text/javascript">
	
		//鼠标移到某行上，某行背景变色
		$("table tr").mouseover(function(){
			$(this).css("background-color","inactivecaption");
		});	
		
		//鼠标移出某行，某行还原
		$("table tr").mouseout(function(){
			$(this).css("background-color","white");
		});
		
		//鼠标移到某图片上，为图片加边框
		$("img").mouseover(function(){
			$(this).css("border-color","red");
		});
		
		//鼠标移出图片，图片还原
		$("img").mouseout(function(){
			$(this).css("border-color","white");
		});
		
	</script>
	
  </body>
</html>
===============================================================================================================

表单提交简单验证：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>submit.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
  </head>
  <body>
  	
  	<form action="06_mouseover_mouseout.html" method="post">
		用户名：<input type="text"/>
		<input type="submit" value="表单提交"/>
	</form>


	<script type="text/javascript">
		//浏览器加载web页面时触发
		$(function(){
			//将光标定位于文本框中
			$(":text").focus();
		});		
	</script>

	<script type="text/javascript">
		//检测是否为中文，true表示是中文，false表示非中文
		function isChinese(str){
			if(/^[\u3220-\uFA29]+$/.test(str)){
				return true;
			}else{
				return false;
			}
		}
	</script>

	<script type="text/javascript">
		//当表单提交前检测
		$("form").submit(function(){
			var flag = false;
			//获取文本框的中内容
			var name = $(":text").val();
			//去二边的空格
			name = $.trim(name);
			//如果没有填内容
			if(name.length == 0){
				alert("用户名必填");
				//将光标定位于文本框中
				$(":text").focus();
				//清空文本框中的内容
				$(":text").val("");
			}else{
				//调用方法
				flag = isChinese(name);
				//如果不是中文
				if(!flag){
					alert("用户名必须填中文");
					//将光标定位于文本框中
					$(":text").focus();
					//清空文本框中的内容
					$(":text").val("");
				}
			}
			return flag;
		});
	</script>
	
  </body>
</html>

Tomsheng321
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery中键盘事件小结
11-24
keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 3、keypress() keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键 二、获得键盘上对应的ascII码： $(document).keydown(function...
jQuery事件总结
lxf1276650695的博客
08-18 82
元素的操作：取值和赋值 操作网页元素，最常见的需求是取得它们的值，或者对它们进行赋值。 jQuery使用同一个函数，来完成取值（getter）和赋值（setter）。到底是取值还是赋值，由函数的参数决定。 $(‘h1’).html(); //html()没有参数，表示取出h1的值 $(‘h1’).html(‘Hello’); //html()有参数Hello，表示对h1进行赋值 常见的取值和赋值函数如下： .html() 返回或设置被选元素的内容 (inner HTML) .text() 取出或设...
jquery事件
dengtan2568的博客
11-04 65
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.11.2.min.js"></script...
jquery小结
PathError的博客
07-17 185
一、简介 1.1、概述 随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。 jQuery是继proto...
JS与jQuery小结
speciallove的博客
08-26 169
JS JS 是什么 javaScript是一种web前端的描述语言，也是一种基于对象（object）和事件驱动（Event Driven）的、安全性好的脚本语言。 JS语法 数组的定义： <script> var arr = [];//空数组 var arr2 = [1,2,3];//直接赋值 var arr3 = new Array();//空数组 var arr4 ...
jquery基础小结
Vip_Day的博客
12-15 661
1 toggle切换： <a class="subscribeTo" href="javascript:;">开始</a> <a class="unsubscribe" href="javascript:;">取消</a> $('.subscribeTo').click(function () { $('.unsubscribe').toggle() $(this).hide() }) $('.unsubscribe').click(func
jQuery小结五
benlalagang的博客
08-06 184
on绑定事件的优点、off 解绑事件、trigger自动触发事件、事件对象、对象拷贝、多库共存
jQuery使用小结
weixin_46115287的博客
09-15 110
一.JQuery介绍 jQuery 是一个 JavaScript 库。 所谓的库，就是一个 JS 文件，里面封装了很多预定义的函数，比如获取元素，执行隐藏、移动等，目的就 是在使用时直接调用，不需要再重复定义，这样就可以极大地简化了 JavaScript 编程。 二.JQuery基本语法 2.1、JS对象和JQuery对象转换 jQuery 本质上虽然也是 JS，但如果想使用 jQuery 的属性和方法那么必须保证对象是 jQuery 对象，而不是 JS 方式获得的 DOM 对象
jQuery实践小结
weixin_33725807的博客
10-26 1136
前言 虽然 jQuery 不再更新，但是公司的旧项目中依然在使用，也再次感受了一下属于jQuery的那个时代。但是由于长时间没有使用 jQuery ，导致使用生疏。下面就遇到的一些问题进行总结归纳。 使用 jQuery/javascript判断及改变checkbox选中状态 使用jQuery来判断一个CheckBox是否被选中有以下三种方式： （1）.attr('checked) 看JQuery版...
JQuery小结
dawn0718的专栏
05-18 115
　　Jquery是流行已久的前端开发中必须掌握的框架（程序库）。 　　在前端开发中，常见操作无非就是选择对象和操作对象，JQuery提供了相当便利的语法。 　　1、dom对象、JQuery对象 dom对象:通过JavaScript获取的对象，无返回null。 JQuery对象:通过JQuery获取的对象，无则返回空。 　　2、dom对象和JQuery对象的转换 　　dom对象转JQuery对象 var checkboxArray=document.getEle...
JQuery 事件&事件代理
风口IT猪的成长录
12-29 841
JQuery 事件jQuery事件1. 常用事件2. 笔记 jQuery事件 学 习目标 能够说出两个常用的jQuery事件 1. 常用事件 click() 鼠标单击 blur() 元素失去焦点 focus() 元素获得焦点 mouseover() 鼠标进入（进入子元素也触发） mouseout() 鼠标离开（离开子元素也触发） ready() DOM加载完成 示例代码: <!DOCTYPE html> <html lang="en"> <head> &
jQuery阻止同类型事件小结
01-21
代码如下: <!DOCTYPE HTML> <html> <head> <title>test</title> [removed][removed] </head> <body> ”red”> ”green”> </div> </div> </body>...
jquery使用经验小结
10-24
本文给大家分享的是个人在使用jQuery的过程中总结的5点比较重要的知识点，这里推荐给小伙伴们，有需要的童鞋可以参考下。
jquery 事件对象属性小结
10-29
JQuery事件中的Event属性是经常性的被忽略的。大多数时间你的确不怎么用它，但有些时候它还是它还是很有作用的。
前18大旋转修整器企业占据全球87%的市场份额.docx
05-06
前18大旋转修整器企业占据全球87%的市场份额
Planet-SkySat-Imagery-Product-Specification-Jan2020.pdf
05-06
SKYSAT IMAGERY PRODUCT SPECIFICATION PLANET.COM VIDEO Full motion videos are collected between 30 and 120 seconds by a single camera from any of the active SkySats. Videos are collected using only the Panchromatic half of the camera, hence all videos are PAN only. Videos are packaged and delivered with a video mpeg-4 file, plus all image frames with accompanying video metadata and a frame index file (reference Product Types below)
Screenshot_20240506_133458_com.netease.yhtj.vivo.jpg
05-06
Screenshot_20240506_133458_com.netease.yhtj.vivo.jpg
2019年A~F题特等奖论文合集.pdf
最新发布
05-06
大学生，数学建模，美国大学生数学建模竞赛，MCM/ICM，历年美赛特等奖O奖论文
雷达物位变送器安装和操作手册
05-06
雷达物位变送器安装和操作手册
jquery事件委托
12-29
下面是一个示例，演示如何使用jQuery事件委托： ```javascript // HTML结构 <li>Item 1 <li>Item 2 <li>Item 3 // jQuery事件委托 $("#parent").on("click", "li", function() { console.log($(this)....

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值