Публикации
Публикации  »  JavaScript + jQuery

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

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

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

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

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

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

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

$(window).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'});

Проверить состояние checkbox или radiobox

Вариант 1

if ($('#checkbox').is(':checked')){
  alert('Включен');
} else {
  alert('Выключен');
}

Вариант 2

if ($('#checkbox').prop('checked'))
  alert('Включен');
} else {
  alert('Выключен');
}

Отметить и снять checkbox или radiobox

// Отметить checkbox
$('#checkbox').prop('checked', true);

// Снять checkbox
$('#checkbox').prop('checked', false);

 

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

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

Пока комментариев нет, ваш будет первым ;)

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