Day24 WEB-JQuery复习

最新推荐文章于 2022-12-20 16:59:19 发布
最新推荐文章于 2022-12-20 16:59:19 发布
阅读量191 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41131048/article/details/98883460
版权

个人复习

五、JQuery

JQuery的一些属性和方法的使用有别于JS，要对照API进行练习不要混淆。
JQuery是

选择器练习

<!DOCTYPE>
<html>
<head>
<title>基本选择器练习</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
body{
	font-family: "微软雅黑"
}
div,span {
	width: 140px;
	height: 140px;
	margin: 20px;
	background: #9999CC;
	border: #000 1px solid;
	float: left;
	font-size: 17px;
	font-family: Roman;
}

div.mini {
	width: 40px;
	height: 43px;
	background: #CC66FF;
	border: #000 1px solid;
	font-size: 12px;
	font-family: Roman;
}
input{ margin: 5px 5px; }
</style>
<!--引入jquery的js库-->
<script src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
	//让整个页面加载完成
	$(document).ready(function() {
		/* ---------基本选择器练习--------- */
		//改变元素名为 <div> 的所有元素的背景色为 #FF69B4"  id="b1"
		$("#b1").click(function(){
			$("div").css("background-color","#FF69B4");
		});
		//改变 id 为 one 的元素的背景色为 #9ACD32"  id="b2"
		$("#b2").click(function(){
			$("#one").css("background-color","#9ACD32");
		});
		//改变 class 为 mini 的所有元素的背景色为 #FF0033"  id="b3"
		$("#b3").click(function(){
			$(".mini").css("background-color","#FF0033");
		});
		//改变所有元素的背景色为 #FDF5E6"  id="b4"
		$("#b4").click(function(){
			$("*").css("background-color","#FDF5E6");
		});
		//改变所有的<span>元素和 id 为 two 的元素的背景色为 #FF1493"  id="b5"
		$("#b5").click(function(){
			$("span,#two").css("background-color","#FF1493");
		});
		//改变所有的<span>元素和 id 为 two 的,id为one的，class为 mini的所有的元素的背景色为 #006400"  id="b6"
		$("#b6").click(function(){
			$("span,#two,#one,.mini").css("background-color","#006400");
		});
	});
</script>
</head>

<body>
	<input type="button" value=" 改变元素名为 <div> 的所有元素的背景色为 #FF69B4" id="b1" />
	<input type="button" value=" 改变 id 为 one 的元素的背景色为 #9ACD32" id="b2" />
	<input type="button" value=" 改变 class 为 mini 的所有元素的背景色为 #FF0033" id="b3" />
	<input type="button" value=" 改变所有元素的背景色为 #FDF5E6" id="b4" />
	<input type="button" value=" 改变所有的<span>元素和 id 为 two 的元素的背景色为 #FF1493"
		id="b5" />
	<input type="button"
		value=" 改变所有的<span>元素和 id 为 two 的,id为one的，class为 mini的所有的元素的背景色为 #006400"
		id="b6" />


	<h1>天气冷了</h1>
	<h2>天气又冷了</h2>

	<div id="one">id为one</div>

	<div id="two" class="mini">
		id为two class是 mini
		<div class="mini"> class是 mini</div>
	</div>

	<div class="one">
		class是 one
		<div class="mini"> class是 mini</div>
		<div class="mini"> class是 mini</div>
	</div>
	<div class="one">
		class是 one
		<div class="mini01"> class是 mini01</div>
		<div class="mini"> class是 mini</div>
	</div>

	<br>
	<div id="mover">动画</div>
	<br>
	<span class="spanone"> span </span>
	<span class="mini"> span class是mini </span>
</body>
</html>

<!DOCTYPE HTML>
<html>
<head>
<title>层级选择器</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
div,span {
	width: 140px;
	height: 140px;
	margin: 20px;
	background: #9999CC;
	border: #000 1px solid;
	float: left;
	font-size: 17px;
	font-family: Roman;
}
div.mini {
	font-size: 14px;
    height: 53px;
    width: 47px;
	background: #CC66FF;
	border: #000 1px solid;
	font-family: Roman;
}
input{ margin: 5px 5px; }
</style>

<!--引入jquery的js库-->
<script src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
	$().ready(function() {
		/* ---------层级选择器练习--------- */
		//改变 <body> 内所有 <div> 的背景色为 #F08080"  id="b1"
		$("#b1").click(function(){
			$("body div").css("background-color","#F08080");
		});
		//改变 <body> 内子 <div> 的背景色为 #FF0033"  id="b2"
		$("#b2").click(function(){
			$("body>div").css("background-color","#FF0033");
		});
		//改变 id 为 one 的下一个 <div> 的背景色为 #0000FF"  id="b3"
		$("#b3").click(function(){
			$("#one+div").css("background-color","#0000FF");
		});
		//改变 id 为 two 的元素后面的所有兄弟<div>的元素的背景色为 #9ACD32"  id="b4"
		$("#b4").click(function(){
			$("#two~div").css("background-color","#9ACD32");
		});
		//改变 id 为 two 的元素所有 <div> 兄弟元素的背景色为 #FF6347"  id="b5"
		$("#b5").click(function(){
			$("#two").siblings("div").css("background-color"," #FF6347");
		});
	})
</script>
</head>

<body>
	<input type="button" value=" 改变 <body> 内所有 <div> 的背景色为 #F08080" id="b1" />
	<input type="button" value=" 改变 <body> 内子 <div> 的背景色为 #FF0033" id="b2" />
	<input type="button" value=" 改变 id 为 one 的下一个 <div> 的背景色为 #0000FF"
		id="b3" />
	<input type="button"
		value=" 改变 id 为 two 的元素后面的所有兄弟<div>的元素的背景色为 #9ACD32" id="b4" />
	<input type="button" value=" 改变 id 为 two 的元素所有 <div> 兄弟元素的背景色为 #FF6347"
		id="b5" />
	<h1>天气冷了</h1>
	<div id="one">id为one</div>
	<div id="two">
		id为two
		<div class="mini"> class是 mini</div>
	</div>
	<div class="one">
		class是 one
		<div class="mini"> class是 mini</div>
		<div class="mini"> class是 mini</div>
	</div>
	<div class="one">
		class是 one
		<div class="mini01"> class是 mini01</div>
		<div class="mini"> class是 mini</div>
	</div>
	<br>
	<div id="mover">动画</div>
	<br>
</body>
</html>

<!DOCTYPE HTML>
<html>
<head>
<title>基本过滤选择器</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
div,span {
	width: 140px;
	height: 140px;
	margin: 20px;
	background: #9999CC;
	border: #000 1px solid;
	float: left;
	font-size: 17px;
	font-family: Roman;
}

div.mini {
	font-size: 14px;
    height: 53px;
    width: 47px;
	background: #CC66FF;
	border: #000 1px solid;
	font-family: Roman;
}
input{ margin: 5px 5px; }
</style>

<!--引入jquery的js库-->
<script src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
	$(function() {
		/* ---------基本过滤选择器练习--------- */
		//改变第一个 div 元素的背景色为 #FF6347"  id="b1"
		$("#b1").click(function(){
			$("div").first().css("background-color","#FF6347");
		});
		//改变最后一个 div 元素的背景色为 #9ACD32" id="b2" 
		$("#b2").click(function(){
			$("div").last().css("background-color","#FF6347");
		});
		//改变class不为 one 的所有 div 元素的背景色为 #FF0033" id="b3" 
		$("#b3").click(function(){
			$("div[class!='one']").css("background-color","#FF0033");
		});
		//改变索引值为等于 3 的 div 元素的背景色为 #006400"  id="b4" 
		$("#b4").click(function(){
			$("div:eq(3)").css("background-color","#006400");
		});
		//改变索引值为小于 3 的 div 元素的背景色为 #FF69B4"  id="b5"/>
		$("#b5").click(function(){
			$("div:lt(3)").css("background-color","#FF69B4");
		});	
		//改变索引值为大于 3 的 div 元素的背景色为 #F08080"  id="b6"
		$("#b6").click(function(){
			$("div:gt(3)").css("background-color","#F08080");
		});
		//改变索引值为偶数的 div 元素的背景色为 #FF6347" id="b7"
		$("#b7").click(function(){
			$("div:even").css("background-color","#FF6347");
		});
		//改变索引值为奇数的 div 元素的背景色为 #FF1493" id="b8"
		$("#b8").click(function(){
			$("div:odd").css("background-color","#FF1493");
		});
	})
</script>
</head>

<body>
	<input type="button" value=" 改变第一个 div 元素的背景色为 #FF6347" id="b1" />
	<input type="button" value=" 改变最后一个 div 元素的背景色为 #9ACD32" id="b2" />
	<input type="button" value=" 改变class不为 one 的所有 div 元素的背景色为 #FF0033" id="b3" />
	<input type="button" value=" 改变索引值为等于 3 的 div 元素的背景色为 #006400" id="b4" />
	<input type="button" value=" 改变索引值为小于 3 的 div 元素的背景色为 #FF69B4" id="b5" />
	<input type="button" value=" 改变索引值为大于 3 的 div 元素的背景色为 #F08080" id="b6" />
	<input type="button" value=" 改变索引值为偶数的 div 元素的背景色为 #FF6347" id="b7" />
	<input type="button" value=" 改变索引值为奇数的 div 元素的背景色为 #FF1493" id="b8" />

	<h1>天气冷了</h1>

	<div id="one">id为one</div>

	<div id="two">
		id为two
		<div class="mini"> class是 mini</div>
	</div>

	<div class="one" title="aa">
		class是 one
		<div class="mini"> class是 mini</div>
		<div class="mini"> class是 mini</div>
	</div>
	<div class="one">
		class是 one
		<div class="mini01"> class是 mini01</div>
		<div class="mini"> class是 mini</div>
	</div>

	<br>
	<div id="mover">动画</div>
	<br>
</body>
</html>

<!DOCTYPE HTML>
<html>
<head>
<title>内容选择器</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
div,span {
	width: 140px;
	height: 140px;
	margin: 20px;
	background: #9999CC;
	border: #000 1px solid;
	float: left;
	font-size: 17px;
	font-family: Roman;
}

div.mini {
	font-size: 14px;
    height: 53px;
    width: 47px;
	background: #CC66FF;
	border: #000 1px solid;
	font-family: Roman;
}
input{ margin: 5px 5px; }
</style>

<!--引入jquery的js库-->
<script src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
	$(function() {
		/* ---------内容选择器--------- */
		//改变含有文本 ‘id’ 的 div 元素的背景色为 #FF6347" id="b1"
		$("#b1").click(function(){
			$("div:contains('id')").css("background-color","#FF6347");
		});
		//改变空元素(既不包含文本也不包含子元素)的背景色为 #9ACD32" id="b2"
		$("#b2").click(function(){
			$("div:empty").css("background-color","#9ACD32");
		});
		//改变包含div子元素的div元素的背景色为 #FF0033" id="b3"
		$("#b3").click(function(){
			$("div:has(div)").css("background-color","#FF0033");
		});
		//改变非空div元素的背景色为 #006400" id="b4"
		$("#b4").click(function(){
			$("div:parent").css("background-color","#006400");
		});

		//====================================================

		/* ---------可见选择器练习--------- */
		//改变所有可见 div 元素背景色为 #F08080" id="b6"
		$("#b6").click(function(){
			$("div:visible").css("background-color","#F08080");
		});
		//让所有隐藏元素显示, 并改变背景色为 #FF69B4" id="b5"   show()函数显示
		$("#b5").click(function(){
			$("div:hidden").show().css("background-color","#FF69B4");
		});
		
	})
</script>
</head>

<body>
	<input type="button" value=" 改变含有文本 ‘id’ 的 div 元素的背景色为 #FF6347" id="b1" />
	<input type="button" value=" 改变空元素(既不包含文本也不包含子元素)的背景色为 #9ACD32" id="b2" />
	<input type="button" value=" 改变包含div子元素的div元素的背景色为 #FF0033" id="b3" />
	
	<input type="button" value=" 改变非空div元素的背景色为 #006400" id="b4" />

	<hr/>
	<hr/>

	<input type="button" value=" 改变所有可见 div 元素背景色为 #F08080" id="b6" />
	<input type="button" value=" 让所有隐藏元素显示, 并改变背景色为 #FF69B4" id="b5" />

	<h1>天气冷了</h1>

	<div id="one">id为one</div>

	<div id="two">
		id为two
		<div class="mini"> class是 mini</div>
	</div>

	<div class="one" title="aa">
		class是 one
		<div class="mini"></div>
		<div class="mini"> class是 mini</div>
	</div>

	<br>
	<div id="mover"></div>
	<br>
	<div style="display:none">看不见我...,看不见我....</div>
</body>
</html>

<!DOCTYPE HTML>
<html>
<head>
<title>基本过滤选择器</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
div,span {
	width: 140px;
	height: 140px;
	margin: 20px;
	background: #9999CC;
	border: #000 1px solid;
	float: left;
	font-size: 17px;
	font-family: Roman;
}

div.mini {
	font-size: 14px;
    height: 53px;
    width: 47px;
	background: #CC66FF;
	border: #000 1px solid;
	font-family: Roman;
}
input{ margin: 5px 5px; }
</style>

<!--引入jquery的js库-->
<script src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
	$(function() {
		/* ---------属性选择器练习--------- */
		//改变包含id属性的 div 元素的背景色为 #FF6347" id="b1"
		$("#b1").click(function(){
			$("div[id]").css("background-color","#FF6347");
		});
		//改变包含属性title='aa' 的div 元素的背景色为 #9ACD32" id="b2"
		$("#b2").click(function(){
			$("div[title='aa']").css("background-color","#9ACD32");
		});
		//改变type属性不等于button的input 元素的背景色为 #FF0033" id="b3" 
		  $("#b3").click(function(){
			$("div[type!='button']").css("background-color","#FF0033");
		});

		//=================================================

		/* ---------子元素选择器练习   nth-child     first-child--------- */

		//改变div 第二个子元素的背景色为 #006400"  id="b4"
		$("#b4").click(function(){
			$("div:nth-child(2)").css("background-color"," #006400");
		});
		//改变div 第一个子元素的背景色为 #FF69B4"  id="b5"
		$("#b5").click(function(){
			$("div:first-child").css("background-color","#FF69B4");
		});
	})
</script>
</head>

<body>
	<input type="button" value=" 改变包含id属性的 div 元素的背景色为 #FF6347" id="b1" />
	<input type="button" value=" 改变包含属性title='aa' 的div 元素的背景色为 #9ACD32" id="b2" />
	<input type="button" value=" 改变type属性不等于button的input 元素的背景色为 #FF0033" id="b3" />

	<hr/>
	<hr/>

	
	<input type="button" value=" 改变div 第二个子元素的背景色为 #006400"  id="b4" />
	<input type="button" value=" 改变div 第一个子元素的背景色为 #FF69B4"  id="b5" />

	<h1>天气冷了</h1>

	<div id="one">id为one</div>

	<div id="two">
		id为two
		<div class="mini"> class是 mini</div>
	</div>

	<div class="one" title="aa">
		class是 one title为aa
		<div class="mini"> class是 mini</div>
		<div class="mini"> class是 mini</div>
	</div>
	<div class="one" title="bb">
		class是 one title为bb
		<div class="mini01"> class是 mini01</div>
		<div class="mini"> class是 mini</div>
	</div>

	<br>
	<div id="mover">id为mover 动画</div>
	<br>
	<input type="submit"/>
</body>
</html>

<!DOCTYPE HTML>
<html>
<head>
<title>表单选择器</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
div,span {
	width: 140px;
	height: 140px;
	margin: 20px;
	background: #9999CC;
	border: #000 1px solid;
	float: left;
	font-size: 17px;
	font-family: Roman;
}

div.mini {
	font-size: 14px;
    height: 53px;
    width: 47px;
	background: #CC66FF;
	border: #000 1px solid;
	font-family: Roman;
}
input{ margin: 5px 5px; }
</style>

<!--引入jquery的js库-->
<script src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
	$(function() {
		/* ---------表单选择器练习--------- */
		//改变所有:input 元素的背景色为 #F08080" id="b1"
		$("#b1").click(function(){
			$(":input").css("background-color","#F08080");
		});
		//改变:password 元素的背景色为 #9ACD32" id="b2" 
		$("#b2").click(function(){
			$(":password").css("background-color","#9ACD32");
		});
		//打印 :radio 元素的个数" id="b3"
		$("#b3").click(function(){
			alert($(":radio").length);
		});
		//打印所有 :checked 元素的value值" id="b4"
		$("#b4").click(function(){
			$(":checked").each(function(index,item){
				//alert($(item).val());
				alert(item.value);
			});
		});
		//打印所有 :selected 元素的value值" id="b5"
		$("#b5").click(function(){
			$(":selected").each(function(index,item){
				alert($(item).val());
				//alert(item.value);
			});
		});
	})
</script>
</head>

<body>
	<input type="button" value=" 改变所有input 元素的背景色为 #F08080" id="b1" />
	<input type="button" value=" 改变:password 元素的背景色为 #9ACD32" id="b2" />
	<input type="button" value=" 打印 :radio 元素的个数" id="b3" />
	<input type="button" value=" 打印所有 :checked 元素的value值" id="b4" />
	<input type="button" value=" 打印所有 :selected 元素的value值" id="b5" />

	<h1>天气冷了</h1>
	用户名：<input type="text" disabled="disabled" name="username" value="被禁用了"/>
	密码：<input type="password" name="password" value="123"/>
	性别：<input type="radio" name="gender" value="man"/> 男
		<input type="radio" name="gender" value="woman" checked="checked" />女
	<br>
	<br>
	爱好：
		<input type="checkbox" name="like" value="lanqiu"  checked="checked" /> 篮球
		<input type="checkbox" name="like" value="taiqiu"/> 台球
		<input type="checkbox" name="like" value="zuqiu"/> 足球
	出生地：
		<select name="city">
			<option value="beijing">北京</option>
			<option value="shanghai" selected="selected">上海</option>
			<option value="guangzhou">广州</option>
		</select>
	简介：
		<textarea name="discription" rows="2" cols="10">请求输入个人描述...</textarea>
</body>
</html>

表单验证

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.msg-default{
	background-color:#555555;
	color:#ffffff;
}
.msg-success{
	background-color:#00ff00;
	color:#ffffff;
}
.msg-error{
	background-color:#ff0000;
	color:#ffffff;
}
</style>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
	$(function(){
		function fun(node,style,msg){
			$(node).next().removeClass().addClass(style);
			$(node).next().text(msg);
		}
		//5个框获取焦点的提示信息
		$("#name").focus(function(){
			fun(this,"msg-default","用户名长度在6~9位之间");
		});
		$("#pw").focus(function(){
			fun(this,"msg-default","密码长度在6~12位之间");
		});
		$("#pwconfirm").focus(function(){
			fun(this,"msg-default","密码长度在6~12位之间");
		});
		$("#email").focus(function(){
			fun(this,"msg-default","请输入合法的邮箱");
		});
		$("#phone").focus(function(){
			fun(this,"msg-default","请输入合法的手机号");
		});
		//5个框的格式验证
		$("#name").blur(function(){
			if($(this).val()==""){
				fun(this,"msg-error","用户名不能为空");
			}else if($(this).val().length<6){
				fun(this,"msg-error","用户名长度不能少于6位");
			}else{
				fun(this,"msg-success","用户名格式正确");
			}
		});
		$("#pw").blur(function(){
			if($(this).val()==""){
				fun(this,"msg-error","密码不能为空");
			}else if($(this).val().length<6){
				fun(this,"msg-error","密码长度不能少于6位");
			}else{
				fun(this,"msg-success","密码格式正确");
			}
		});
		$("#pwconfirm").blur(function(){
			if($(this).val()==""){
				fun(this,"msg-error","确认密码不能为空");
			}else if($(this).val().length<6){
				fun(this,"msg-error","确认密码长度不能少于6位");
			}else if($("#pw").val()!=$(this).val()){
				fun(this,"msg-error","确认密码和密码不一致");
			}else{
				fun(this,"msg-success","确认密码格式正确");
			}
		});
		$("#email").blur(function(){
			var regExp=/^([0-9a-zA-Z]{8,12})@([0-9a-zA-Z]{2,4}).com$/
			if($(this).val()==""){
				fun(this,"msg-error","邮箱不能为空");
			}else if(!regExp.test($(this).val())){
				fun(this,"msg-error","邮箱格式不正确");
			}else{
				fun(this,"msg-success","邮箱格式正确");
			}
		});
		$("#phone").blur(function(){
			var regExp=/^1(3|5|8)[0-9]{6,8}$/
			if($(this).val()==""){
				fun(this,"msg-error","手机号不能为空");
			}else if(!regExp.test($(this).val())){
				fun(this,"msg-error","手机号格式不正确");
			}else{
				fun(this,"msg-success","手机号格式正确");
			}
		});
		//按钮的提交点击事件
		$("#btn").click(function(){
			//获取span节点，判断节点上是否包含msg-success样式名称
			var count=0;
			$("form>div").find("span").each(function(index,item){
				if($(this).hasClass("msg-success")){
					count++;
				}
			});
			if(count==5){
				//提交
				alert("已提交");
			}else{
				return false;
			}
		});
	});
</script>

<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<form>
		<div>
			姓名:<input type="text" name="name" id="name" placeholder="请输入用户名">
			<span></span>
		</div>
		<div>
			密码:<input type="password" name="pw" id="pw" placeholder="请输入密码">
			<span></span>
		</div>
		<div>
			确认密码:<input type="password" name="pwconfirm" id="pwconfirm" placeholder="请输入密码">
			<span></span>
		</div>
		<div>
			邮箱:<input type="text" name="email" id="email" placeholder="请输入邮箱">
			<span></span>
		</div>
		<div>
			电话:<input type="text" name="phone" id="phone" placeholder="请输入电话">
			<span></span>
		</div>
		<div>
			<input id="btn" type="submit" value="注册">
		</div>
	</form>
</body>
</html>
摆渡D人
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Work-Day-Scheduler-Jquery:使用jquery和时刻制作的调度程序
04-04
【标题】"Work-Day-Scheduler-Jquery:使用jquery和时刻制作的调度程序"是一个项目，它利用了jQuery和Moment.js库来创建一个实用的工作日程安排工具。这个工具旨在帮助用户高效地管理他们的时间，特别是在工作日中。 ...
day13-JQuery01.iml
11-26
day13-JQuery01.iml
WEB-5-jQuery
SHEN_DEMO的博客
04-04 261
jQuery1.jQuery概述1.1.什么是jQueryjQuery 是一个“写的更少，但做的更多”的轻量级 JavaScript 函数库。 1.2.jQuery的优势Ø 可以简化JavaScript代码Ø 可以像css那样获取元素Ø 可以修改css来控制页面效果Ø 可以兼容常用的浏览器 1.3.jQuery版本支持jQuery分为很多版本, 还分为未压缩版和压缩版, 根据需要选择对应的版本进行...
从0开始学web-day30-jquery03
oxygen_ls的博客
02-14 186
三位置法轮播图 函数节流 clone和appendTo each方法 碎片轮播图 间歇模型 篮球积分系统
从0开始学web-day29-jquery02
oxygen_ls的博客
02-12 233
1.复习 2.回调函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &lt
Web学习笔记day4-JQuery
kb_white的博客
08-11 83
前言:学习总结,主要用于自我复习 1. 使⽤JQ完成⾸⻚的定时⼴告弹出 1.1 相关知识点JQuery 1.1JQuery介绍 JQuery是一个快速、简洁的JavaScript框架.它封装JavaScript的常用功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互. 1.2JQuery的使用 JQuery它是⼀个库（框架），要想使⽤它，必须先引⼊对应JS⽂件。 ...
web前端基础复习_day09_jQuery
weixin_42931689的博客
03-10 96
jQuery 一. 动画 1. 默认显示和隐藏方式 show([speed,[easing],[fn]]) 显示隐藏的匹配元素。 参数： speed：动画的速度。三个预定义的值(“slow”,“normal”, “fast”)或表示动画时长的毫秒数值(如：1000) easing：用来指定切换效果，默认是"swing"，可用参数"linear" swing：动画执行时效果是 先慢，中...
Web前端105天-day48-jQuery
qq_52810836的博客
12-19 442
Web前端105天-day48-jQuery01
web前端基础复习_day08_jQuery基础
weixin_42931689的博客
03-09 154
JQuery 一. 概念 jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优 化HTML文档操作、事件处理...
Web前端105天-day49-jQuery
qq_52810836的博客
12-20 394
Web前端105天-day49-jQuery02
15day-study-jquery-.rar_JavaScript/JQuery_Java_
08-11
在本资源"15day-study-jquery-.rar"中，你将踏上一个为期15天的快速学习jQuery的旅程。jQuery是一个强大的JavaScript库，它极大地简化了JavaScript编程，特别是对于网页上的DOM操作、事件处理、动画效果以及AJAX交互...
02-02-JS-jQuery-HTTP-Servlet
张宵生的博客
09-25 711
文章目录@[toc] unit04-JavaScriptJavaScript简介什么是JavaScript(了解)JS特点和优势(了解)在HTML书写JS的方式JavaScript语法注释格式数据类型变量声明JS运算符JS语句JS数组JS函数综合练习DOM操作案例：电灯开关案例：增删改元素案例：网页换肤总结：JS获取元素总结：JS增删改元素htmlcss+JS作业unit05-jQueryjQuery简介什么是jQuery(了解)jQuery的优势(了解)jQuery引入文档就绪事件函数jQuery选择器(
数据分析的核心技能和方法
07-19
数据分析的核心技能和方法
毕业设计javajsp人寿保险销售网站(ssh)-qkrp源码含文档工具包
07-19
毕业设计javajsp人寿保险销售网站(ssh)-qkrp源码含文档工具包 后台是ssh框架，页面是jsp，数据库mysql，jdk1.8，开发工具用ecplise、myecplise、sts、idea都可以 平湖人寿保险公司保险销售网站分为用户和管理员两个部分 前台部分（用户界面）： 1、资讯浏览功能： （1）新闻资讯浏览 （2）新闻资讯查询 （3）公司简介 （4）通知公告 2、用户登录注册功能： （1）注册 （2）登录 3、用户管理功能 （1）个人信息管理 （2）订单管理 4、保险购买功能： （1）保险产品浏览 （2）保险产品查询 （3）保险产品购买 后台管理（管理员界面） 1、管理员登录功能： 管理员在管理员登录界面输入用户名和密码，即可登录管理员的界面。 2、资讯管理功能： （1）新闻资讯管理 （2）公司简介管理 （3）通知公告管理 3、保险产品管理： （1）保险产品信息管理 （2）保险产品查询 4、会员管理： （1）会员删除 （2）会员级别管理 5、统计管理： （1）保险产品销售量统计 （2）有效会员数量统计 包含：源码、数据库脚本、论文、环境工具包、相同框架项目的安装教程
毕业设计javajsp公共课考试系统(ssh)-qlkrp源码工具包
最新发布
07-19
毕业设计javajsp公共课考试系统(ssh)-qlkrp源码工具包 后台是ssh框架，页面是jsp，数据库mysql，jdk1.8，开发工具用ecplise、myecplise、sts、idea都可以 题库 试卷信息管理 阅卷 统计功能 包含：源码、数据库脚本、环境工具包、相同框架项目的安装教程（在说明文档中）
day--和--day区别
04-18
"day--"和"day"是两种不同的操作符，它们在编程中有着不同的含义和用法。 1. "day--"是一个后缀自减操作符，用于将变量的值减1，并返回减1之前的值。例如，如果有一个变量day的值为5，执行day--操作后，day的值将...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值