Event программирование jquery?

Question

[MaximMRX]

Есть статейки на Русском на эту тему? Столкнулся с таким вот примером.. Думаю нужно погрузиться по глубже в jQ.. Но, довольно сложно видимо будет, т.к привык писать в процедурном стиле, а тут такая реализация событий.
По какому принципу работает:
$.Admin.search.activate();

$.Admin = {};

$.Admin.search = {
	activate: function () {
		var obj = this;

		$('.js-search').on('click', function () {
			obj.showSearchBar();
		});

		$searchBar.find('.close-search').on('click', function () {
			obj.hideSearchBar();
		});

		$searchBar.find('input[type="text"]').on('keyup', function (e) {
			if (e.keyCode == 27) {
				obj.hideSearchBar();
			}
		});
	},
	showSearchBar: function () {
		$searchBar.addClass('open');
		$searchBar.find('input[type="text"]').focus();
	},
	hideSearchBar: function () {
		$searchBar.removeClass('open');
		$searchBar.find('input[type="text"]').val('');
	}
}
$(function(){
	$.Admin.search.activate();
});

Comments

[alex]

при чем тут jquery вообще? тут обычный js.

spoiler

$ - собственно сам jquery-объект
$.Admin = {} - добавили в объект jquery свойство Admin и инициализировали его как объект
$.Admin.search = {...} - добавили в объект Admin объект search. у search есть три метода - activate, showSearchBar, hideSearchBar. activate инициализирует обработчики событий для кликов и keyup. методы showSearchBar, hideSearchBar соответственно показывают и прячут searchbar, ну там и фокусы в input ставят/снимают.
$.Admin.search.activate(); - тут просто запускается метод activate который находится по адресу $.Admin.search. Все, никакой магии тут нет. Лучше погрузитесь глубже в изучение vanillajs.

[MaximMRX]

Alex: Спасибо за ответ! Это чем-то похоже на ООП в php.. Раньше никогда не сталкивался с JS, по-этому для меня сейчас это странные методы какие-то

Answer 1

[Михаил Захаров]

Сам изучал JQuery по этому сайту - jquery.page2page.ru

Comments

[MaximMRX]

Хорошо, объясните мне пожалуйста по какому принципу работает создание такого объекта? Запускает ряд обработчиков?

$(function(){
  $.Admin.search.activate();
});