<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>title</title>
<script src="jquery-1.12.1.js"></script>
<script>
$(function () {
$("#btn").click(function () {
//设置div的样式
//第一种写法:
$("#dv").css("width", "300px");
$("#dv").css("height", "200px");
$("#dv").css("backgroundColor", "hotpink");
$("#dv").css("border", "2px solid red");
//第二种写法:链式编程
$("#dv").css("width", "300px").css("height", "200px").css("backgroundColor", "hotpink").css("border", "2px solid red");
//第三种写法:键值对的写法
var json = {
"width": "200px",
"height": "100px",
"backgroundColor": "pink",
"border": "2px solid green"
};
$("#dv").css(json);
});
});
</script>
</head>
<body>
<input type="button" value="显示效果" id="btn"/>
<div id="dv"></div>
</body>
</html>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。