彩色方块JQuery

彩色方块JQuery是一个可以通过鼠标点击来改变颜色的方块的插件。下面是一个使用JQuery实现彩色方块的示例代码：

1. 引入JQuery库：

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

2. 创建一个HTML元素作为方块容器：

<div id="color-block"></div>

3. 添加一些CSS样式来定义方块的大小和边框：

<style>
#color-block {
  width: 100px;
  height: 100px;
  border: 1px solid black;
}
</style>

4. 使用JQuery来实现方块的颜色改变：

<script>
$(document).ready(function() {
  // 初始颜色
  var color = 'red';

  // 当点击方块时改变颜色
  $('#color-block').click(function() {
    if (color === 'red') {
      color = 'blue';
    } else {
      color = 'red';
    }
    $(this).css('background-color', color);
  });
});
</script>

通过上述代码，当点击方块时，方块的颜色会在红色和蓝色之间切换。你可以根据自己的需求修改颜色、大小和其他样式。

希望这个示例能够帮助到你！