// selectors $(document).ready(function() { // do something alert('document ready'); }); $(window).on('load', function() { // do something alert('window loaded'); }); $(window).on('scroll', function() { // do something alert('window scrolled'); }); $(document).on('event event2 event3', '.class .class2 #id #id2', function(e) { // do something }); $(document).on({ mouseenter: function(e) { // do something }, mouseleave: function(e) { // do something }, mousemove: function(e) { // do something alert('mouse moved'); } }, '.class .class2 #id #id2'); $('element #id .class') $('element>#id>.class') // traversing dom .parent() .parents() .parentsUntil() .children() .find() .siblings() .first() .last() .next() .nextAll() .nextUntil() .prev() .prevAll() .prevUntil() .filter() .not() // events .trigger('event') form: blur change focus focusin select submit keyboard: keydown keypress keyup mouse: click dblclick focusout hover mousedown mouseenter mouseleave mousemove mouseout mouseover mouseup toggle browser: error resize scroll document: load ready unload // effects .hide() .show() .fadeIn() .fadeOut() .fadeToggle() .fadeTo() .slideDown() .slideUp() .slideToggle() .animate({css...}, speed, callback_function_after_completion) .stop() // stop animation // html .text() .html() .val() .attr() // static .prop() // dynamic .append() .prepend() .after() .before() .remove() .empty() .addClass() .removeClass() .toggleClass() .css() .width() .height() .innerWidth() .innerHeight() .outerWidth() .outerHeight() // ajax .load(url) $.get(url, callback) $.post(url, callback) $.ajax(settings)