使用jQuery改变css样式

       我们在做订餐大师的时候需要修改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>

  输出结果为:

改变段落字体颜色,变为蓝色

 

猜你喜欢

转载自qiannianhua.iteye.com/blog/2263661