博客列表 >jq学习

jq学习

1A7498的博客
1A7498的博客原创
2018年04月08日 18:08:11704浏览
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.box1 {
				width: 300px;
				height: 200px;
				background-color: #00FFFF;
				position: relative;
			}
			
			.box2 {
				width: 100px;
				height: 100px;
				background-color: #283037;
				position: absolute;
				top: 50px;
				left: 100px;
			}
		</style>
	</head>

	<body>
		<div class="box1">
			<div class="box2"></div>
		</div>
	</body>
	<script src="js/jquery-3.3.1.js"></script>
	<script>
		var sz = $('.box1').css('width', 200)
		var res = $('.box2').css('border-radius', '10%')
		var res = $('.box2').css('box-shadow', '3px 3px 3px #888')
		var res = $('.box2').offset()
		console.log(res)
	</script>

</html>


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议