• Страница 1 из 1
  • 1
Форум » II.jQuery » Начало работы с jQuery » Использование событий (Способ jQuery)
Использование событий
1 Так как события - это неотъемлемая часть среды программирования на JavaScript, то jQuery-программирование стоит воспринимать как процесс, состоящий из трёх шагов:

1. Выбор одного или более элементов

2. Назначение события.

Чтобы назначить событие элементу, вы ставите точку, имя события и круглые скобки:

Код
$('a').mouseover();

$('#menu').click();


3. Передача функции событию

Чтобы в момент запуска события что-то происходило, нужно передать событию функцию, в которой будут команды, выполняющиеся при запуске события.

Имя функции можно передать так:

Код
$('#menu').click(startSlideShow);


Но самый распространённый способ присвоения функции событию - это передача анонимной функции.
Например:

Код
$('a').mouseover(function() {
/* Здесь ваш код */
});


Подробнее узнать о работе с событиями можно здесь.

Изменить / Удалить

2 Рассмотрим на простом примере как назначается событие и что происходит дальше. Допустим, на странице сайта есть ссылка с каким-то идентификатором menu.
Наша задача: при наведении на эту ссылку курсора мыши должно отобразиться всплывающее меню.

Условно решение задачи можно разбить на несколько шагов:

1. выбрать ссылку

Код
$('#menu')


2. назначить ей событие

Код
$('#menu').mouseover();


3. добавляем событию анонимную функцию

Код
$('#menu').mouseover(function() {

});


4. добавляем в анонимную функцию код, отвечающий за показ всплывающего меню

Код
$('#menu').mouseover(function() {
  $('#submenu').show();
});

Изменить / Удалить

Форум » II.jQuery » Начало работы с jQuery » Использование событий (Способ jQuery)
  • Страница 1 из 1
  • 1
Поиск: