Изучаем jQuery. Часть 8.6 События

Ромчик
0

Уроки по jQuery

Доброго времени суток. Сразу хочу извиниться перед моими постоянными читателями за долгое отсутствие новых материалов на блоге. Но время не резиновое. Сейчас много работы. Зато появились интересные идеи новых (надеюсь интересных) статей. И мы продолжаем изучать события jQuery. Так в прошлой статье мы остановились на событиях связанных с браузером: error(),resize() и scroll() . А в этой статье мы рассмотрим события jQuery связанные с загрузкой страницы. Ну, что ж, приступим…

И первое событие jQuery, которое мы рассмотрим – это событие load().

Событие load()

Событие load() возникает в том случае, когда выбранные элементы полностью загружены. Например, у нас есть изоюражение:


<img src="example.png" alt="Событие load" id="example" />

Теперь мы хотим, чтобы при загрузке данной картинки у нас появилось сообщение «Картинка example.png загружена». Нет ничего проще. Для этого и используется метод  jQuery load().

$('#example').load(function() {
alert(“Картинка example.png загружена”);
});

Думаю, тут нет ничего сложного и можно не приводить видео.

Следующее событие, которое мы рассмотрим – это событие redy()

Событие redy()

Событие jQuery redy() возникает, когда DOM страницы полностью сформирован.  Можно конечно воспользоваться метод onload. Но метод onload() ждет загрузки всей страницы, со всеми ее элементами. И только будет вызван. В то время как метод redy() ждет только формирования DOM и мы можем приступить к установке обработчиков событий еще до момента загрузки «тяжелых» картинок (мультимедийных файлов). Пример использования метода jQuery redy().

$(document).ready(function(){
alert('DOM страницы сформирован');
});

Тут тоже все понятно.
Следующее событие jQuery – это событие unload()

Событие unload()

Событие unload() возникает, когда мы закрываем страницу или переходим по ссылке на другую страницу.  Пример:

$(window).unload(function(){
alert("Надеемся, что Вы скоро вернетесь!");
});

Мы с Вами рассмотрели три основных метода jQuery связанных с документом: load(), redy() и unload().

Понравилась статья? Поделись с друзьями.
  • Add to favorites
  • Добавить ВКонтакте заметку об этой странице
  • Twitter
  • Facebook
  • Мой Мир
  • LiveJournal
  • Одноклассники
  • Блог Я.ру
  • MySpace
  • FriendFeed
  • В закладки Google
  • Google Buzz
  • Яндекс.Закладки
  • Reddit
  • StumbleUpon
  • Technorati
  • del.icio.us
  • БобрДобр
  • LinkedIn
  • Memori.ru
  • Сто закладок
  • Blogger

©2012-2017 По всем вопросам обращайтесь через форму обратной связи

Яндекс.Метрика