How to start

$(document).ready(function() { });

$(function() { })();

How to get element

<div class="parrent">
  <span class="child"></span>
  <div id="child"></span>
</div>

$('.parrent');
$('#child');
$('span');
$('.parrent').find('.child');
$('.parrent .child');

JQuery collections

$('selector').each(funtion() { });
$('selector').filter(funtion() { });
$('selector').eq(index);

Element inner

$('selector').html();
$('selector').text();

Attributes

// value - optional parameter
$('selector').attr('attrName', value);
$('selector').prop('propName', value);

Classes

$('selector').addClass('newClass');
$('selector').removeClass('oldClass');
$('selector').toggleClass('toggledClass');
$('selector').hasClass('oldClass');

Events

$('selector').on('event', function() { });

/*
click dblclick contextmenu

change blur

touchstart touchend touchmove
*/

$('selector').click(function() { });

Position & size

$('selector').height();
$('selector').width();
$('selector').offset(); // => {top: ..., left: ...}
$('selector').position(); // => {top: ..., left: ...}

Ajax

$.ajax({
    type: ''
    url: ''
}).done(function () { })
.fail(function () { });

$.get('path', params, callback);
$.post('path', params, callback);
$.getJSON('path', params, callback);