jQuery addClass() 方法
Posted 乱舞春秋__
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery addClass() 方法相关的知识，希望对你有一定的参考价值。
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>效果图：
以上是关于jQuery addClass() 方法的主要内容，如果未能解决你的问题，请参考以下文章
jQuery的addClass,removeClass和toggleClass方法
jQuery学习笔记 .addClass()/.removeClass()简单学习