類操作與className差別
原生JS中className會覆寫元素原先裡面的類名
jquery裡面類操作隻是對指定類進行操作,不影響原先的類名
栗子:
<!DOCTYPE html>
<html >
<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>