我们在做订餐大师的时候需要修改CSS的样式,其实我们可以修改CSS类或直接修改元素的样式;
当然,修改元素的属性可以用很多种方法,其中使用jQuery可以让它变的及其简单;
下面我们来修改CSS的样式:css()方法返回或设置匹配的元素的一个或多个样式属性;
1、首先引入jQuery文件:
<script type="text/javascript" src="/jquery/jquery.js"></script>
2、设置CSS样式:
<script type="text/javascript">
$("p").css("color","red");
</script>
<body>
<p>改变段落字体颜色,变为红色</p>
</body>
输出结果为:
改变段落字体颜色,变为红色
3.也可以用添加类的方法:
<script type="text/javascript">
$("p").addClass("blue");
</script>
<script>
.blue{
color:blue;
}
</script>
<body>
<p>改变段落字体颜色,变为蓝色</p>
</body>
输出结果为:
改变段落字体颜色,变为蓝色