jquery $ 'Object' по сравнению с элементом getElementById ()?

Question

Столкнулся с вопросом jquery во время изучения ajax.

$ ('div_hello');-> отвечает на 'Object'

document.getElementById ('div_hello');-> отвечает на 'HTMLDivElement'

getElementById работает ($ нет).Для этого эксперимента я просто хочу использовать innerHTML.

Не ясно, чем jQuery 'Object' отличается от HTML-элемента.Как бы я т.е. установил html объекта jquery?

спасибо

Answer 1

Вы можете использовать .html() следующим образом:

$('#div_hello').html("content")

Или получить элемент DOM и использовать .innerHTML, например,

$('#div_hello')[0].innerHTML = "content";
//or
$('#div_hello').get(0).innerHTML = "content";

Обратите внимание, что ваш селектор должен быть '#div_hello' как у меня выше, #id селекторы имеют префикс #, в противном случае это селектор элемента (иищем элемент <div_hello>).

Объект jQuery - это просто оболочка, он содержит массив ссылок на элементы DOM, на которые он действует, поэтому думайте о нем как о «поверх» элемента DOM,Вот почему [0] получает элемент напрямую, потому что этот элемент является первым в массиве, который нашел ваш селектор.

Answer 2

Непонятно, чем jQuery 'Object' отличается от HTML-элемента.

JQuery-объект фактически полностью отличается от базового элемента DOM.Они не являются взаимозаменяемыми.

При работе с $() объектами вы должны использовать нативные функции платформы, как показывает Ник в своем ответе.

Если вам нужен доступ к базовому элементу,можно сделать, используя

$('#div_hello')[0].innerHTML

Answer 3

(отформатированный текст на этот раз)

Большое спасибо всем,

Много вращений колес прошлой ночью, и вы очистили его за 5 минут -

работает: $ ('# div_hello'). html ("

Hello World

");

терпит неудачу: $ ('div_hello'). html ("

Hello World

");

Нужен "#"

Интересно, почему без "#" он не взорвался (результат был nop).

Спасибо!