代码如下:
自行引用jQuery插件
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery</title>
</head>
<body>
<div class="row-fluid">
<div class="span12">
<div>
<div>
<h4>元素属性</h4>
</div>
<div id="width" style="background:#000;color:#000;width:500px;height:50px;">看不见我</div>
<br />
<div>
<button οnclick="chang()">元素宽高(加)</button>
<button οnclick="duan()">元素宽高(减)</button>
<button οnclick="bian()">背景与字体属性修改</button>
<button οnclick="fuwei()">复位</button>
</div>
</div>
</div>
</div>
</body>
<script src="自行引用插件"></script>
<script>
//宽高大
function chang() {
$("#width").width(750);
$("#width").height(70);
}
//宽高小
function duan() {
$("#width").width(250);
$("#width").height(20);
}
//背景与字体
function bian() {
$("#width").css({ "background": "#999", "color": "#fff" })
}
//复位
function fuwei() {
$("#width").width(1000);
$("#width").height(50);
$("#width").css({ "background": "#000", "color": "#000" });
}
</script>
</html>
有些基础的方法反而有人不知道怎么应用,
一些简单的基础元素修改方法可以减少在完成某个功能时的代码量