有五个类名叫page的盒子，点击其中一个盒子，给该盒子添加on的类名，点击其他的盒子，给其他的盒子添加on并且移除其他的盒子的on的jQuery代码

好的，你可以使用以下jQuery代码实现这个功能：

$('.page').click(function() {
  // 给当前点击的盒子添加on类名
  $(this).addClass('on');
  
  // 移除其他盒子的on类名
  $('.page').not(this).removeClass('on');
});

这段代码会选中页面中所有类名为`.page`的元素，并给它们添加点击事件。当点击一个盒子时，它会添加`on`类名，并且移除其他盒子的`on`类名。这样就可以实现你的需求了。

相关问题

有五个类名叫page的盒子，点击其中一个盒子，给该盒子添加on的类名，点击其他的盒子，给其他的盒子添加on并且移除其他的盒子的on

好的，你可以使用以下代码实现这个功能：

let pages = document.querySelectorAll('.page');

for (let i = 0; i < pages.length; i++) {
  pages[i].addEventListener('click', function() {
    // 给当前点击的盒子添加on类名
    this.classList.add('on');
    
    // 移除其他盒子的on类名
    for (let j = 0; j < pages.length; j++) {
      if (j !== i) {
        pages[j].classList.remove('on');
      }
    }
  });
}

这段代码会获取页面中所有类名为`.page`的元素，并给它们添加点击事件。当点击一个盒子时，它会添加`on`类名，并且移除其他盒子的`on`类名。这样就可以实现你的需求了。

vue点击添加类名

你可以通过 v-bind:class 指令来添加类名。例如，在模板中添加一个按钮，当点击按钮时添加一个新的类名：

<template>
  <button v-bind:class="{ active: isActive }" v-on:click="toggleActive">Click me</button>
</template>

在 script 中，定义 isActive 布尔值数据属性和 toggleActive 方法：

<script>
export default {
  data() {
    return {
      isActive: false
    }
  },
  methods: {
    toggleActive() {
      this.isActive = !this.isActive
    }
  }
}
</script>

这样，当按钮被点击时，将会在按钮上添加一个名为 "active" 的类名。