addClass()方法可以向被选元素添加一个或多个类。
1.添加一个类
语法格式:
addClass("className");
示例:
<style>
.one {
width: 100px;
height: 100px;
background-color: rgba(14, 216, 98, 0.664);
}
</style>
<script src="jQuery.js"></script>
<script>
$(document).ready(function(){
$('.box').addClass("one");
});
</script>
</head>
<body>
<div class="box"></div>
</body>
效果图:
2.添加多个类
语法格式:
addClass("className1 className2 classNamen");
注意:多个类名之间以空格隔开
示例:
<style>
.one {
width: 100px;
height: 100px;
background-color: rgba(14, 216, 98, 0.664);
}
.two {
border: 3px solid #333;
}
</style>
<script src="jQuery.js"></script>
<script>
$(document).ready(function(){
$('.box').addClass("one two");
});
</script>
</head>
<body>
<div class="box"></div>
</body>
效果图: