javascript - 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明らかにパフォーマンスが優れています。これは、単一の ID セレクターの DOM を照会するときに jQuery コアによって内部的に使用される方法です。

そのため、後で破棄するためだけに jQuery オブジェクトを作成しています。帯域幅で数バイトを節約するか、実行時間をマイクロ秒で節約するかは、あなた次第です。

正直なところ、それほど違いはありません。パフォーマンスが気にならず、タイプするのが面倒な場合は jQuery バージョンを使用しますがdocument.getElementById、この場合はバニラ JS の方がもう少し論理的です。

Answer 2

.get()メソッドを使用できます：

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

ただし、使用しない理由はわかりませんdocument.getElementById。