CoderNotes - заметки программиста

Публикации  »  JavaScript + jQuery
Скидка 65% на Skillbox

Получите скидку 65% на любой курс программирования на популярной образовательной платформе Skillbox!

Подробнее
Бесплатный хостинг + SSL-сертификат

Зарегистрируйте домен и получите 2 месяца бесплатного хостинга и SSL-сертификат на 1 год в подарок

Подробнее

Рецепты jQuery для решения мелких задач

В этой статье я буду коллекционировать свои маленькие и не очень рецепты по работе с jQuery, чтобы не искать их по всему интернету или не рыться в своих предыдущих проектах, а просто брать их отсюда уже в том виде, чтобы можно было использовать. Если кроме меня они пригодятся еще кому-то, то пожалуйста - пользуйтесь на здоровье ))

Выполнить JavaScript код после загрузки страницы

Выполняется после готовности дерева DOM. Аналог $(document).ready(function... Это самый короткий вариант записи:

$(function() {
  // выполняемый код
});

Выполнить JavaScript код после загрузки страницы, включая изображения

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

$(window).load(function() {
  // выполняемый код
});

Однако, этот код работает только до версии 1.8 jQuery. Начиная с этой версии нужно использовать такой код:

$(window).on('load', function () {
  // выполняемый код
});

Плавный скроллинг страницы к нужному элементу

$('html, body').animate({ scrollTop: $('#dom_element').offset().top }, 500);

Если использовать jQuery UI, то можно применить интересные эффекты:

$('html, body').animate({ scrollTop: $('#dom_element').offset().top }, {duration: 2000, easing: 'easeOutCirc'});

Выполнить код через n секунд

window.setTimeout(function(){
  // выполняемый код
},5000);

Выполнять код каждые n секунд

window.setInterval(function(){
  // выполняемый код
}, 5000);

Удалить события

Удалить все события

$('p').off();

Удалить одно событие

$('p').off('click');

 

Категория: JavaScript + jQuery

Книги по теме:

Посмотреть все книги по программированию

Комментарии к статье:

15.02.23   Гость gj

Добавить комментарий: