Объясните, что делает $()?

Question

[trevoga_su]

коллеги, разъясните на пальцах, почему jQuery тут работает

<script type="text/javascript">
$(function() {
    console.log('jquery: ' + $('#q'));
});

(function(){
	console.log('pure: ' + document.getElementById('q'));
})();
</script>

<div id="q"></div>

Answer 1

[Константин Китманов]

В зависимости от аргумента, $ делает 4 разных вещи (не обязательно в таком порядке).
1) Если это строка, и она похожа на кусок HTML, то вызывается $.parseHTML
2) Если это строка, но она похожа на селектор, то производится поиск в DOM-дереве
3) Если это функция, то — см. ответ Алексей Тен — идет проверка, было ли событие DOMContentLoaded, и если да, то переданная функция немедленно вызывается, а если нет, то эта функция навешивается на это событие.
4) Если это DOM-элемент (или одна из DOM-коллекций), возвращается jQuery-обертка над этим элементом (как из пункта 2). Спасибо Алексей Тен, что напомнил:)

Comments

[Lynn «Кофеман»]

Ты ещё DOM элемент забыл

[Константин Китманов]

Алексей Тен: aww. damn.

Answer 2

[Lynn «Кофеман»]

$( fn ) это сокращённая запись $(document).ready( fn )

api.jquery.com/ready

Answer 3

[LittleFatNinja]

создает jquery Object DOM элемента

Answer 4

[Aleksandr]

Вот