JQuery, Google Maps и $ ('# myId') == getElementById ("myId")

Question

Почему это не так?

$('#myId') == document.getElementById("myId")

Я использую JQuery 1.4.2 и пытаюсь вставить GMap в элемент div.

Итак, это работает:

new google.maps.Map(document.getElementById("myId"),myOptions);

но это не

new google.maps.Map($("myId"),myOptions);

Answer 1

У вас есть пара вопросов. Во-первых, селекторы ID используют #. Во-вторых, $(...) - это объект jQuery, и вам нужно передать элемент DOM.

Использование $('#myId').get(0)

Метод get.

Answer 2

Не работает, потому что конструктор google.maps.Map() ожидает элемент DOM, а селектор jQuery возвращает объект jQuery.

Вы можете использовать:

new google.maps.Map($("#myId")[0], myOptions);

Дальнейшее чтение:

• Группы API Карт Google: почему не работает выбор jQuery?

Answer 3

$ ('# myId') создает выборку jQuery, в то время как GMap требует элемент DOM. Вы можете преобразовать выбор jQuery в элемент DOM с помощью функции $ (). Get:

new google.maps.Map($("#myId").get(0), myOptions);