JQuery中document.getElementbyId的等价物是什么？

Question

map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);

但这不起作用：

map = new google.maps.Map($('#map_canvas'), mapOptions);

我正在寻找类似......

的东西

$('#map_canvas').toElementBlahblah?

Answer 1

.get(index)

$('#map_canvas').get(0)
$('#map_canvas')[0]

---

尽管document.getElementById显然具有更好的性能 - 它是jQuery核心在查询单个ID选择器的DOM时使用的方法。

那么你构建一个jQuery对象只是为了之后丢弃它。由您决定是在带宽中保存一些字节还是在执行时间内保存微秒。

老实说，没什么区别。我在使用jQuery版本时不考虑性能而且我懒得键入document.getElementById，尽管在这种情况下vanilla JS更合乎逻辑。

Answer 2

您可以使用.get() method：

 $('#map_canvas').get(0);
 $('#map_canvas')[0]; // or direct property access

但是，我认为没有理由不使用document.getElementById。