jquery操作样式之css方法

jquery操作样式之css方法
js代码如下：

1.   <style>
   
2.         .zidiu {
   
3.             width: 200px;
   
4.             height: 200px;
   
5.             background-color: pink;
   
6.         }
   
7.     </style>
   
8.     <div class="zidiu">
   
9.         <script>
   
10.             $(function() {
    
11.                 $('div').css('width', '800px');
    
12.             });
    
13.         </script>
    
14.     </div>

复制代码

jQuery可以使用CSs方法来修改简单元素样式;也可以操作类,修改多个样式。
1.参数只写属性名,则是返回属性值

1. $(this).css("color");

复制代码

2.参数是属性名,属性值,逗号分隔,是设置-组样式,属性必须加吲号,值如果是数字可以不用跟单位和引号
$(this).css("color", "red");
3.参数可以是对象形式,方便设置多组样式。属性名和属性值用冒号隔开，属性可以不用加引号,
$(this).css({ "color":"white' , font size": 20px");