自丢网

标题: jquery操作样式之css方法 [打印本页]

作者: admin 时间: 2020-3-9 16:13
标题: jquery操作样式之css方法
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.参数只写属性名,则是返回属性值

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

复制代码

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

欢迎光临自丢网 (https://www.zidiu.com/)