操作元素的样式
通过addClass()和css()可以方便地操作元素中的样式,前者括号中的参数为增加元素的样式名称,后者直接将样式的属性内容写在括号中。
示例如下:
(1)描述
使用css()和addClass()方法,改变div元素的背景色,再用removeClass()移除一个元素的样式。
(2)代码实现
<style type="text/css">
body{font-size:15px;text-align:center}
div{border:solid 1px #666;
padding:5px;width:220px;margin:5px}
.blue{background-color:blue}
</style>
<script type="text/javascript">
$(function(){ //增加表单中所有属性为可用的元素类别
$("#content0").css("background-color","red");
$("#content1").addClass("blue");
$("#rem").click(function(){//click点击事件我们将在后面介绍到。
$("#content1").removeClass("blue");
})
})
</script>
...省略代码
### css()方法设置元素样式
<div id="content0">我穿了一件红色外衣</div>
<div id="content1">我穿了一件红色外衣</div>
<div><button id="rem">脱下蓝色的外衣</button></div>
任务:把上面jQuery中的操作在代码框中重现。