如何在通过括号表示法访问的元素上使用 jQuery 方法？

【问题标题】：How can I use jQuery methods on elements accessed by brackets notation?如何在通过括号表示法访问的元素上使用 jQuery 方法？
【发布时间】：2014-02-18 20:56:33
【问题描述】：

jQuery 对象中的元素可以通过括号表示法访问，例如：$('div')[0] 但在这种情况下，不能使用 jQuery 方法。

还有其他方法可以访问某些元素或使用 jQuery 方法吗？

【问题讨论】：

数组访问器用于从 jQuery 对象中获取底层 DOM 元素。如果要应用 jQuery 方法，为什么要这样做？

标签： jquery object methods

【解决方案1】：

再次将其包装在一个 jQuery 对象中：

var element = $('div')[0]; // DOM element
var $element = $(element); // jQuery object

更好的是，首先使用更窄的选择器：

var $element = $('div:eq(0)');

http://api.jquery.com/eq-selector/

【讨论】：

【解决方案2】：

如果您想获取集合中的第一个 jQuery 对象，请使用 jQuery 的 eq() 方法：

$collection.eq(0);

您还可以在首先创建集合时使用:eq() 选择器：

var $collection = $('div:eq(0)');

【讨论】：