jQuery

jQuery Selectors

element Selector // $("p")
id Selector // $("#test")
class Selector // $(".test")

$("p")
$("#test")
$(".test")

jQuery Event Methods

Mouse Events
click
dblclick // double-clicks
mouseenter // mouse pointer enters
mouseleave // mouse pointer leaves
hover // mouseenter() + mouseleave()
Keyboard Events
keypress
keydown
keyup
Form Events
submit
change
focus
blur // loses focus
Document/Window Events
load
resize
scroll
unload

on() // for one or more event handlers

$("p").on("click", function(){
  $(this).hide();
});

$("p").on({
  mouseenter: function(){
    $(this).css("background-color", "lightgray");
  },
  mouseleave: function(){
    $(this).css("background-color", "lightblue");
  },
  click: function(){
    $(this).css("background-color", "yellow");
  }
});