点击div ,两个div的class互换

当你想要点击某个`div`元素并交换它的两个类名时，可以使用JavaScript或者jQuery来实现动态操作。下面是一个简单的示例，假设这两个`div`的id分别为`div1`和`div2`：

// JavaScript 示例
const div1 = document.getElementById('div1');
const div2 = document.getElementById('div2');

function swapClasses() {
  // 获取当前的类名
  const currentClass1 = div1.className;
  const currentClass2 = div2.className;

  // 将类名分别赋给对方
  div1.className = currentClass2;
  div2.className = currentClass1;
}

// 给按钮添加点击事件监听器
document.getElementById('swapButton').addEventListener('click', swapClasses);

或者使用jQuery：

<!-- 添加一个触发交换的按钮 -->
<button id="swapButton">点击交换</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
  $('#swapButton').click(function () {
    var className1 = $('#div1').attr('class');
    var className2 = $('#div2').attr('class');
    
    $('#div1').attr('class', className2);
    $('#div2').attr('class', className1);
  });
});
</script>

在这个例子中，当用户点击那个带有"swapButton" id的按钮时，会触发函数，将`div1`和`div2`的类名相互交换。