jQuery中选择除第一个元素外的常用方法：使用:not(:first-child)选择器，如$("div:not(:first-child)")可选取所有div中除第一个外的元素；或结合slice()方法，如$("ul li").slice(1)选取ul中除第一个li外的所有元素，前者基于元素位置排除，后者通过索引切片实现，适用于批量设置样式或绑定事件，灵活高效，能精准排除首个元素并操作剩余元素。
jQuery选择器轻松排除第一个元素：实用技巧与代码示例
在jQuery开发中，选择器是操作DOM的核心工具，我们经常需要精准选取“除第一个元素外的所有元素”，这种需求在处理列表项、导航菜单、表单控件等场景中尤为常见——例如隐藏列表首项、为后续项添加特殊样式，或排除首个按钮的点击事件，本文将深入探讨jQuery中实现“排除第一个元素”的多种高效方法,并通过清晰的实例代码助您快速掌握。
jQuery选择器基础：精准定位目标元素
在深入“排除第一个元素”的具体实现前，让我们快速回顾jQuery选择器的核心逻辑：jQuery融合了强大的CSS选择器语法（如元素选择器$("div")、类选择器$(".class")、ID选择器$("#id")）以及专属的过滤选择器（如first、last、even等），只有深刻理解“如何选择”，才能更高效地掌握“如何排除”。
实现“排除第一个元素”的3种核心方法
要精准选取“除第一个元素外的所有元素”，jQuery提供了多种灵活方案，以下是3种最常用且高效的方法，分别基于否定选择器、索引选择器和切片方法,适用于不同的场景需求。
方法1：not(:first-child)——基于兄弟关系的否定选择
语法说明
not()是jQuery的否定选择器，用于排除符合特定条件的元素；first-child则匹配其父元素的第一个子元素，两者结合使用，即可精准排除“所有作为父元素第一个子元素的节点”,选取其余兄弟元素。
语法结构：
$("父元素选择器 :not(:first-child)")
或
$("元素选择器:not(:first-child)")
示例场景
假设有一个无序列表，我们需要隐藏第一个<li>，并为剩余的<li>添加醒目的红色背景。
HTML结构：
<ul id="myList">
<li>这是第一个列表项</li>
<li>这是第二个列表项</li>
<li>这是第三个列表项</li>
<li>这是第四个列表项</li>
</ul>
jQuery代码：
// 隐藏第一个li，给其余li添加红色背景
$("#myList li:not(:first-child)").css("background-color", "red");
效果：
第一个<li>保持默认样式，第2、3、4个<li>背景变为红色。
注意事项
first-child是相对于“父元素”的第一个子元素，而非整个文档的第一个匹配元素，即使#myList前面有其他元素，first-child仍只会匹配#myList内的第一个<li>。- 当目标元素可能被其他元素包裹（如嵌套列表）时，建议使用子元素选择器明确范围（如
$("#myList > li:not(:first-child)")，其中>表示直接子元素）,避免误选嵌套元素。
方法2：gt(0)——基于索引的过滤选择
语法说明
gt()（greater than）是索引选择器，用于选取索引大于指定值的元素，jQuery中元素的索引从0开始，因此gt(0)表示“索引大于0的所有元素”，即“除第一个元素外的所有元素”。
语法结构：
$("元素选择器:gt(0)")
示例场景
假设有一组按钮，我们需要禁用除第一个按钮外的所有按钮,突出首项的交互性。
HTML结构：
<div class="button-group">
<button class="btn">按钮1</button>
<button class="btn">按钮2</button>
<button class="btn">按钮3</button>
<button class="btn">按钮4</button>
</div>
jQuery代码：
// 禁用除第一个按钮外的所有按钮
$(".btn:gt(0)").prop("disabled", true);
