从jQuery对象获取基本元素

Question

我很难在这里找到合适的术语，但如果你有jQuery对象......

$('#MyObject')

......是否可以提取基本元素？含义，相当于：

document.getElementById('MyObject')

Answer 1

$('#MyObject').get(0);

我认为这就是你想要的。我想你也可以像常规数组一样引用它：

$('#MyObject')[0];

但我不确定这是否会一直有效。坚持使用第一种语法。

Answer 2

是的，请使用.get(index)。根据{{​​3}}：

  

.get()方法授予对每个jQuery对象下面的DOM节点的访问权限。

Answer 3

jQuery对象是一组元素。在您的情况下，一组元素。这与某些其他库不同，后者包装单个元素并为返回多个匹配项的选择器提供备用语法。

Aaron W和VolkerK已经解释了如何访问集合中的第一个（索引0）元素。

Answer 4

我在我的盒子上可用的所有浏览器上测试了Aaron的陈述：

$('#MyObject').get(0);

VS

$('#MyObject')[0];

据我所知，这只是个人偏好的问题。

从功能上讲，这两个语句对于现有元素和非现有元素都是等效的。我测试了以下浏览器：Chrome 27.0，FF 21.0，IE10，IE9，IE8，IE7，IE6。

在我跑的速度测试中，并不总是能够分辨出哪种变化更快;即使在同一个浏览器上，结果并不总是一致的。对于速度测试，我只测试了现有元素。我的测试结果为here。