What is it?
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
Usage/Syntax
$(*Selector*) // selects the element - CSS selectors are GOOD! :D example: var firstNameElement = $("#fName"); var firstName = firstNameElement.val(); or $("#fName").val();//we can chain methods in jquery
Chaining
Getters and Setters
var currentHeight = $('.note').height();//but .note retrieves a list.. right?
$('.note').height(100);//So simple!
Context
var $header = $('header');//'$' is prepended by convention to Jquery objects $headerBoxes = $('.note', $header);//second argument can be string selector, DOM element OR a jquery object
Other stuff
var doSomething = function (event) { . . . }; window.addEventListener('DOMContentLoaded', doSomething); //via regular JavaScript $(window).ready(doSomething); or even $(doSomething); //via JQuery!! window.addEventListener('load', doSomething); //JS again $(window).load(doSomething); // JQuery!!