操作CSS类

操作CSS类

addclass("classname"),class的样式名不要加点

 

<style type="text/css">

              .style1{

                     font-size: 80px;

                     color: red;

              }

              .style2{

                     font-size: 10px;

                     color: greenyellow;

              }

       </style>

       <body>

              <button id="btn1">更改样式1</button>

              <button id="btn2">更改样式2</button>

              <p id="p1">我是p1</p>

       </body>

       <script type="text/javascript">

              $("#btn1").click(function() {

                     $("#p1").addClass("style1");

              });

              $("#btn2").click(function() {

                     $("#p1").addClass("style2");

              });

       </script>

 

toggleClass(),切换

 

CSS()方法

第一个参数是要更改的属性，第二个参数是设置的属性值。

$("#p1").css("color","green");

 

设置多个属性，注意看细节 样式，不同属性用“，”隔开，属性名与属性值之间用“：”隔开，最外层用大括号

$("#p1").css({"color":"green","font-size":"40px"});

 

posted @ 2021-04-29 16:18  朝阳star  阅读(53)  评论(0)    收藏  举报