jquery操作样式之css方法
js代码如下:
- <style>
- .zidiu {
- width: 200px;
- height: 200px;
- background-color: pink;
- }
- </style>
- <div class="zidiu">
- <script>
- $(function() {
- $('div').css('width', '800px');
- });
- </script>
- </div>
复制代码 jQuery可以使用CSs方法来修改简单元素样式;也可以操作类,修改多个样式。
1.参数只写属性名,则是返回属性值2.参数是属性名,属性值,逗号分隔,是设置-组样式,属性必须加吲号,值如果是数字可以不用跟单位和引号
$(this).css("color", "red");
3.参数可以是对象形式,方便设置多组样式。属性名和属性值用冒号隔开,属性可以不用加引号,
$(this).css({ "color":"white' , font size": 20px");
|
|