Intro to jQuery

Objectives

  • Respond to Events with Event Listeners
  • Target, create and manipulate DOM Elements

What is jQuery?

document.getElementById('foo').addEventListener('click', callback);
$("#foo").on('click', callback);

How to use

,

 $
jQuery

DOM Selection

$('.class')
$('#id')
$('tag')

Events w/ jQuery

$(element).on()
$(document).ready()
$(element).click()
element.addEventListener()

=

=

document.addEventListener(
'DOMContentReady', func)
element.addEventListener(
'click', func)

=

Made with Slides.com