第五章课堂练习代码

最新推荐文章于 2020-07-30 12:14:11 发布

小小萌新倪

最新推荐文章于 2020-07-30 12:14:11 发布

阅读量152

点赞数

本文链接：https://blog.csdn.net/qq_43366068/article/details/102942057

版权

5.1.4.1

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript"  src="js/jquery-1.11.1.min.js"></script>
	</head>
	<body>
		<input type="button" name="button" id="button" value="普通按钮" />
		<script  type="text/javascript">
			$(document).ready(function(){
				$("input:button").bind("click",function(evevt,msg1,msg2){
					alert(msg1+msg2);
				}).trigger("click",["欢迎访问","明日科技"]);
			});
		</script>
	</body>
</html>

5.1.5.1

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript"  src="js/jquery-1.11.1.min.js"></script>
		<style>
			.redBorder{
				border: 1px solid red;
			}
			.test1{
				width: 240px;
				height: 150px;
				background-color:#cef;
				text-align:center;
			}
			.test2{
				width: 160px;
				height: 100x;
				background-color: #ced;
				text-align: center;
				line-height: 20px;
				margin: 10px auto;
			}
			span{
				width:40px;
				height: 1x;
				background-color: #fff;
				text-align: center;
				padding: 20px 20px 20px 20px;
				display: block;
				margin: 10px auto;
			}
			body{font-size: 12px;}
			</style>
	</head>
	<body>
	<div class="test1">
		<b>div元素</b>
		<p class="test2">
		<b>p元素</b>
		<span><b>span元素</b></span>
		</p>
	</div>
	
	</body>
</html>

5.3

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
	</head>
	<body>
		<input type="button" name="button" id="button" value="普通按钮" />
		<script type="text/javascript">
			$(document).ready(function(){
				$("input:button").bind("click",function(event,msg1,msg2){
					alert(msg1+msg2);
				}).trigger("click",["欢迎访问","明日科技"]);
			});
		</script>
	</body>
</html>

小小萌新倪

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第五章课堂练习代码

5.1.4.1<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script&...
复制链接

扫一扫