jquery实现全选和反选

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

HTML部分：

<button id="selectAll">全选</button>
<button id="selectNone">反选</button>
 
<input type="checkbox" class="item"/>
<input type="checkbox" class="item"/>
<input type="checkbox" class="item"/>

jQuery部分：

$(document).ready(function(){
  // 全选
  $('#selectAll').click(function(){
    $('.item').prop('checked', true);
  });
 
  // 反选
  $('#selectNone').click(function(){
    $('.item').prop('checked', function(i, currentStatus) {
      return !currentStatus;
    });
  });
});

确保在HTML中引入了jQuery库：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

这段代码中，我们定义了两个按钮，一个用于全选，一个用于反选。每个checkbox都有相同的class名称"item"。通过点击按钮，使用jQuery的.prop()方法来改变checkbox的checked状态。