Javascript 从一组jQuery元素中选择个体

如果使用jquery选择所有文本输入：

var inputs = $('#form input[type="text"]');

它们被包装在jQuery中。我可以对他们做任何我想做的事

inputs.css('height', '1000px');
//muhahaha!

作为一个群体，他们共同生活。但我似乎错过了什么。我知道我可以看到每一个单独的，好像它是一个数组的对象

console.log(inputs[0]);
// <input type="text" />

但是上面的输出只是html；当我这样做时，它不再是jQuery对象：

inputs[0].css('font-size', '100px');
// Uncaught TypeError: Object #<HTMLInputElement> has no method 'css'

我如何在不必再次包装每个元素的情况下，继续在个人身上使用jquery的方法，或者由于某种奇怪、黑暗、无法解释的原因，这是不可能的

---

我甚至不知道从哪里开始搜索这个，我的jQuery之旅至今还没有找到答案。谢谢

避免再次包装每个元素的唯一方法$inputs[0]。css'font-size'，'100px'

将使用纯JavaScript。示例：输入[0]。style.fontSize=100px

看到了吗

当通过数组索引访问JQuery中的Dom节点集合时，您将获得原始Dom元素，如果使用上述给定方法选择索引，您将获得功能增强的JQuery包装元素。

---

请参阅文档。

查看此页面：

---

在这种情况下，应该像我预期的那样简单。从技术上讲，这是在做另一个查询吗？直观地看，如果您遵循答案中的链接，.eq方法可以使用数组索引…引用.eq链接：给定一个表示一组DOM元素的jQuery对象，.eq方法从该集合中的一个元素构造一个新的jQuery对象。提供的索引标识此元素在集合中的位置。

inputs.eq(0).css('font-size', '100px');