Начинаю новую рубрику статей посвященных внутренностям jQuery. Материал должен стать полезен как начинающим JavaScript/jQuery разработчикам, так и опытным специалистам. Шаг за шагом мы воссоздадим функциональность самой популярной на сегодняшний день библиотеки.

Специально для этого я создал репозиторий на gitHub(с кодовым именем djQuery), где буду выкладывать код рубрики:

git clone git@github.com:stevermeister/djQuery.git
cd djQuery
git checkout step-1

Ну что начнем?

– Что представляет из себя jQuery?
– Это функция.
– какие принимает параметры?
– селектор, ну и что-то еще может

Отлично, тогда напишем такой базовый код:

var djQuery = function(selector, content){
    
  };

Пока вроде все понятно.

Еще сразу, для красоты модульной, завернем все в самовыполняющуюся функцию:

(function(w){
  var djQuery = function(selector, content){
    
  };

  w.$ = w.djQuery = djQuery;
})(window);

и внутрь передали объект window и импортировали в него ссылку на нашу функцию(плюс привычный $ – алиас).

Думаю для первой части хватит. Код можно взять по тегу step-1.

git checkout step-1

Больше кода обещаю во второй части ;)