Шпаргалка по использованию jQuery

$(function() {
  /* код */
});

или

jQuery(function($) {
  /* код */
});

$(window).load(function () {
  /* манипуляции с готовой страницей */
});

$('img.pig').load(function () {
  /* действия после загрузки изображения с классом pig */
});

$(window).unload(function(){ 
  /* код */
});

$('.element').hover(function(){     //при наведении курсора

  $(this).addClass('anyClass');     //добавление класса

}, function(){                      //при покидании курсора

  $(this).removeClass('anyClass');  //удаление класса

});

$('.element').text('Новый текст');

/* где вставить --> что вставить */

/* добавление в начало выбранного элемента */
$('.where-to-insert').append('<a class="new">what-to-insert</a>');

/* добавление в конец выбранного элемента */
$('.where-to-insert').prepend('<a class="new">what-to-insert</a>');

/* где вставить --> что вставить */

/* добавление перед выбранным элементом */
$('.where-to-insert').before('<span class="new">what-to-insert</span>');

/* добавление после выбранного элемента */
$('.where-to-insert').after('<span class="new">what-to-insert</span>');

/* что перемещаем --> куда перемещаем */
$('.what-to-move').appendTo('.where-to-move');

/* что копируем --> куда вставляем */
$('.what-to-copy').clone().appendTo('.where-to-insert');

$('.element').wrap('<div class="container"></div>');

$('.element').unwrap('<div class="wrap"></div>');

$('.element').remove();

$('.element').empty();

$('.element').css('border', '3px solid #f1f4f9');
/* или */
$('.element').css({'height':'8.5px', 'left':'-11px'})

$('.element').parent()      /* родительский элемент */
$('.element').child()       /* ребёнок */

$('.element:first')         /* первый элемент в наборе */
$('.element:last')          /* последний элемент в наборе */
$('.element:even')          /* нечётные */
$('.element:odd')           /* чётные */ 
$('.element:eq(0)')         /* номер элемента (первый) */

$('.element:has(".red")')   /* имеет класс 'red' */
$('.element').has('.red')   /* имеет класс 'red' */
$('.element').not('.red')   /* все выбранные элементы, не имеющие класс 'red' */

$('a[href="google.com"]')   /* с сылкой на гугл */
$('a[href!="google.com"]')  /* все ссылки кроме ссылки на гугл */
$('a[href^="http"]')        /* все ссылки которые начинаются с 'http' */
$('a[href$=".ru"]')         /* все ссылки которые заканчиваются '.ru' */
$('a[href*="r"]')           /* все ссылки которые содержат 'r' */

/* за 2.5 секунды ширина элемента станет '222px' */
$('.element').animate({
  'width': '222px'
}, 2500 ); 

/* через 1,8 секунды будет выполнена анимация 'fadeIn' */
$('.element').delay(1800).fadeIn();

$('.element').text()       /* получение текста */
$('.element').val()        /* получение значения атрибута 'value' элемента формы */
$('.element').attr('src')  /* получение значения атрибута 'src'

document.location.reload();     /* Обновить текущую страницу */
document.location.reload(true); /* Перезагрузить текущую страницу, без использования кэша */

window.location.replace('');    /* Перенаправление подобно HTTP-редиректу */
window.location.href = '';      /* Перенаправление подобное клику по ссылке */