类操作与className区别
原生JS中className会覆盖元素原先里面的类名
jquery里面类操作只是对指定类进行操作,不影响原先的类名
栗子:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="jquery-mini.js"></script>
<style>
div {
width: 100px;
height: 100px;
background-color: red;
}
.two {
transform: rotate(720deg);
}
</style>
</head>
<body>
<div class="one two"></div>
<script>
// var one = document.querySelector('.one');
// one.className = 'two';
// $('.one').addClass('two'); // 这个addClass相当于追加类名 不影响以前的类名
$('.one').removeClass('two');
</script>
</body>
</html>