jQuery实现全选/全不选功能：使用class属性和if-else判断

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

HTML代码：

<input type='checkbox' class='checkall'>全选
<input type='checkbox' class='checkbox'>选项1
<input type='checkbox' class='checkbox'>选项2
<input type='checkbox' class='checkbox'>选项3

jQuery代码：

$(document).ready(function() {
  // 全选
  $('.checkall').change(function() {
    if ($(this).is(':checked')) {
      $('.checkbox').prop('checked', true);
    } else {
      $('.checkbox').prop('checked', false);
    } 
  });

  // 全不选
  $('.checkbox').change(function() {
    if ($('.checkbox').not(':checked').length > 0) {
      $('.checkall').prop('checked', false);
    } else {
      $('.checkall').prop('checked', true);
    } 
  });
});

上述代码中，我们首先使用jQuery选择器选择了全选的复选框和其他选项的复选框，然后使用change事件处理程序来监听复选框的改变事件。

在全选的change事件处理程序中，我们使用if-else语句来判断全选复选框是否被选中，如果是，则将其他选项的复选框设置为选中状态，否则将其设置为未选中状态。

在其他选项的change事件处理程序中，我们使用if-else语句来判断是否有其他选项的复选框未被选中，如果有，则将全选复选框设置为未选中状态，否则将其设置为选中状态。

通过以上代码，我们可以实现通过class属性和if-else判断来实现全选和全不选功能。