在 jQuery 中，not() 和 eq() 这两个方法可以结合使用来实现反选的效果。下面是它们的作用和如何结合使用它们来实现反选的功能。

1. not() 方法

not() 方法用于从选中的元素中排除某些元素。它可以接受一个选择器、元素、或者函数作为参数，并返回排除掉指定元素后的剩余元素。

2. eq() 方法

eq() 方法用于选中元素集中的某个特定元素，参数是元素的索引（从0开始）。它只选中索引位置对应的元素。

3. 实现反选效果

通过结合这两个方法，你可以实现选中元素的反选效果。通常我们会先使用 eq() 来选中某个元素，然后使用 not() 方法排除掉该元素，从而反选其他所有元素。

4. 示例：

假设我们有一组列表项，想要选中除了第一个和第三个之外的所有项。

HTML 代码：

<ul>
  <li>项 1</li>
  <li>项 2</li>
  <li>项 3</li>
  <li>项 4</li>
</ul>

jQuery 代码：

$(document).ready(function() {
    // 反选除第一个和第三个之外的所有列表项
    $('li').not(':eq(0), :eq(2)').css('color', 'red');
});

解释：

• $('li')：选择所有的 <li> 元素。
• .not(':eq(0), :eq(2)')：排除索引为 0 和 2 的 <li> 元素。
• :eq(0) 选择索引为 0 的元素，即第一个元素。
• :eq(2) 选择索引为 2 的元素，即第三个元素。
• .css('color', 'red')：将排除后的元素的文字颜色设置为红色。

效果：

• 这段代码将会把第 2 和第 4 项（即索引 1 和 3）设置为红色，而第 1 和第 3 项不会被影响。

5. 另一个示例：

如果你想反选所有的 .selected 类元素，选择除了第一个 .selected 元素之外的所有元素：

HTML 代码：

<ul>
  <li class="selected">项 1</li>
  <li class="selected">项 2</li>
  <li class="selected">项 3</li>
  <li class="selected">项 4</li>
</ul>

jQuery 代码：

$(document).ready(function() {
    // 反选第一个 .selected 元素
    $('li.selected').not(':eq(0)').css('color', 'green');
});

解释：

• $('li.selected')：选择所有带有 .selected 类的 <li> 元素。
• .not(':eq(0)')：排除第一个带 .selected 类的元素（即索引为 0 的元素）。
• .css('color', 'green')：将剩余的 .selected 元素设置为绿色。

效果：

• 这段代码将会把第二、第三、第四项（即索引为 1, 2, 3）设置为绿色，而第一个项保持不变。

总结：

通过结合 not() 和 eq() 方法，你可以灵活地实现反选的效果。eq() 允许你选中特定索引的元素，而 not() 则可以从选中的元素中排除掉指定的元素，这样就能够实现排除某些元素的功能，从而达到反选的效果。更多详细内容请关注其他相关文章。