本文解析 jquery 中常见的语法误解：为何 `$("input").eq(0)(":checked")` 会报错“is not a function”，并系统讲解 `.eq()` 返回值的本质、正确的状态判断（`.is()`）与集合筛选（`.filter()`）方法。
在 jQuery 开发中，一个高频误区是混淆「jQuery 构造函数」与「jQuery 实例对象」的行为。$（即 jQuery）本身是一个函数，支持形如 $(selector) 的调用；但其返回值——一个 jQuery 对象（如 $("input").eq(0) 的结果）——是普通对象，不可再次作为函数调用。因此，$("input").eq(0)(":checked") 实际试图执行类似 {...}(":checked") 的操作，JavaScript 会立即抛出 TypeError: jQuery(...) is not a function。
✅ 正确做法一：判断单个元素是否满足条件 → 使用 .is()
当目标是检查第 N 个匹配元素是否处于某种状态（如是否被勾选），应使用 .is(selector) 方法，它返回布尔值：
// 检查第一个 input 是否被勾选
const isFirstChecked = $("input").eq(0).is(":checked");
console.log(isFirstChecked); // true 或 false
// 可用于条件逻辑
if ($("input").eq(2).is(":disabled")) {
console.log("第三个 input 已禁用");
}? .is() 是最语义清晰、性能最优的选择——它不创建新集合，仅做真值判断。
✅ 正确做法二：从已有集合中筛选符合条件的元素 → 使用 .filter()
若需从 $("input") 的全部结果中，提取所有已勾选的元素（无论位置），应使用 .filter()：
// 获取所有已勾选的 input 元素（返回新的 jQuery 对象）
const checkedInputs = $("input").filter(":checked");
console.log(checkedInputs.length); // 如有 3 个被勾选，则输出 3
// 链式组合：只对前 5 个 input 中的已勾选者执行操作
$("input").slice(0, 5).filter(":checked").addClass("highlight");⚠️ 常见错误对比与澄清
| 写法 | 是否合法 | 说明 |
|---|---|---|
| $("input")(":checked") | ❌ 报错 | $() 返回对象，不能当函数调用 |
| $("input").eq(0)(":checked") | ❌ 报错 | .eq(0) 返回单元素 jQuery 对象，仍不可调用 |
| $("input").is(":checked") | ✅ 合法 | 判断整个集合中是否存在至少一个匹配项 |
| $("input").eq(0).is(":checked") | ✅ 推荐 | 精准判断第一个元素是否匹配 |
| $("input").filter(":checked") | ✅ 推荐 | 返回所有匹配的元素子集 |
? 补充：.get() 与原生 DOM 的区别（避免陷阱）
注意 .eq(0) 和 .get(0) 的本质差异：
- $("input").eq(0) → 返回 jQuery 对象（可链式调用 .is(), .show() 等）；
- $("input").get(0) → 返回 原生 DOM 元素（无 jQuery 方法，需用 element.checked 等原生属性）：
// ✅ jQuery 方式（推荐一致性）
$("input").eq(0).is(":checked");
// ✅ 原生方式（也可行，但脱离 jQuery 生态）
const firstInput = $("input").get(0);
if (firstInput && firstInput.type === "checkbox") {
console.log(firstInput.checked); // true/false
}✅ 总结
- $("selector").eq(n) 返回的是 jQuery 实例对象，不是函数，不可加括号传参；
- 判断单个元素状态 → 用 .is(":selector")；
- 筛选多个元素子集 → 用 .filter(":selector")；
- 避免混淆 $（函数）与 $()（对象）的类型角色；
- 在复杂链式操作中，优先使用 .is() 和 .filter() 保证语义准确与运行健壮。
掌握这一基础区分，能从根本上规避大量 jQuery 运行时错误，并写出更可读、可维护的选择器逻辑。
