<a id="test"></a>
<script>
var test = $('#test');
console.log(test);
console.log(test[0]);
</script>
Запрашиваю содержимое селектора test два раза, во втором случае с индексом 0. На картинке то, что выдала консоль. Как называется этот "феномен" - html-формат получить можно, только присвоив индекс (или это не индекс?), и что за представление в первом случае?
В певрвом случае это jquery-объект, с ним можно работать с помощью методов библиотеки jquery, например $('#test').offset().top.
Во втором случае это нативный js, который можно было бы получить так document.querySelector('#test'), с этом объектом можно так же работать, но с помощью нативных методов js, например document.querySelector('#test').getBoundingClientRect().
Также эти объекты можно конвертировать между собой, например так:
var js, jq;
jq = $('#test');
js = jq[0];
js = jq.get(0);
js = document.getQuerySelector('#test');
jq = $(js);
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости