jQuery实现全选和反选功能

以下是使用jQuery实现全选和反选功能的示例代码：

HTML部分：

<button id="checkAll">全选</button>
<button id="checkNone">清空</button>
<div>
  <input type="checkbox" class="item"/>
  <input type="checkbox" class="item"/>
  <input type="checkbox" class="item"/>
  <!-- ... 更多的checkbox项 ... -->
</div>

jQuery部分：

$(document).ready(function() {
  // 全选
  $('#checkAll').click(function() {
    $('.item').prop('checked', true);
  });
 
  // 清空
  $('#checkNone').click(function() {
    $('.item').prop('checked', false);
  });
 
  // 反选
  $('#checkReverse').click(function() {
    $('.item').each(function() {
      $(this).prop('checked', !$(this).prop('checked'));
    });
  });
});

在这个例子中，我们定义了三个按钮：全选、清空和反选。当用户点击相应的按钮时，jQuery会通过.prop()方法改变checkbox的checked属性，实现对应的选择操作。