1.操作css方法
jQuery可以使用css方法来修改简单元素样式;也可以操作类,修改多个样式
代码示例:
<style>
div {
width: 200px;
height: 200px;
background-color: pink;
}
.current {
background-color: plum;
transform: rotate(260dge);
}
</style>
<script src="jQuery.js"></script>
<body>
<div class="current"></div>
</body>
$(function(){
console.log($("div").css("width"));
$("div").css("width","300px");
$("div").css({
width: 400,
height:400,
backgroundColor:"red",
})
})
2.设置类样式方法
添加,移除,切换
代码示例:
$(function(){
$("div").click(function(){
$(this).addClass("current");
$(this).removeClass("current");
$(this).toggleClass("current");
})
})