// U3.W9:JQuery


// I worked on this challenge [by myself, with: ].
// This challenge took me [#] hours.

$(document).ready(function(){

//RELEASE 0:
  //link the image

//RELEASE 1:

  //Link this script and the jQuery library to the jQuery_example.html file and analyze what this code does.

$('body').css({'background-color': 'pink'})

//RELEASE 2:
  //Add code here to select elements of the DOM


//RELEASE 3:
  // Add code here to modify the css and html of DOM elements


//RELEASE 4: Event Listener
  // Add the code for the event listener here


//RELEASE 5: Experiment on your own






})  // end of the document.ready function: do not remove or write DOM manipulation below this.
@@ -10,17 +10,16 @@
 JQuery%0A%0A
-%0A
 // I wor
@@ -40,17 +40,16 @@
 allenge 
-%5B
 by mysel
@@ -61,10 +61,25 @@
 th: 
-%5D.
+Michael Jasinski%0A
 %0A// 
@@ -175,16 +175,21 @@
 he image
+ DONE
 %0A%0A//RELE
@@ -194,17 +194,21 @@
 LEASE 1:
-%0A
+ DONE
 %0A  //Lin
@@ -308,17 +308,21 @@
 de does.
-%0A
+ PINK
 %0A$('body
@@ -357,16 +357,17 @@
 'pink'%7D)
+;
 %0A%0A//RELE
@@ -422,16 +422,76 @@
 he DOM%0A%0A
+$('.mascot').find('h1').css(%7B'background-color' : 'blue'%7D);%0A
 %0A//RELEA
@@ -563,217 +563,1075 @@
 ts%0A%0A
-%0A//RELEASE 4: Event Listener%0A  // Add the code for the event listener here%0A%0A%0A//RELEASE 5: Experiment on your own%0A%0A%0A%0A%0A%0A%0A%7D)  // end of the document.ready function: do not remove or write DOM manipulation below this.
+$('body %3E h1').css(%7B'background-color' : 'green','border' : '5px solid white'%7D);%0A%0A//RELEASE 4: Event Listener%0A$('img').on('mouseenter', function(e)%7B%0A    e.preventDefault()%0A    $(this).attr('src', 'http://www.heavyharmonies.com/bandpics/COPPERHEAD.JPG')%0A  %7D);%0A$('img').on('mouseleave', function(event)%7B%0A    event.stopPropagation();%0A    $(this).remove();%0A   $('.mascot').find('h1').append('%3Cimg src=%22dbc_logo.png%22%3E');%0A  %7D);%0A%0A// put what happen%0A%0A//RELEASE 5: Experiment on your own%0A$( %22h1%22 ).click(function() %7B%0A  $( %22h1%22 ).animate(%7B%0A  opacity: 0.25,%0A  left: %22+=50%22,%0A  height: %22toggle%22%0A  %7D, 5000, function() %7B%0A  // Animation complete.%0A  %7D);%0A%7D);%0A%7D);%0A%0A//REFLECTION%0A/*%0AWhat is jQuery?%0A%09%0A%09It's a JavaScript framework that's compatible across all browsers.%0A%0A%0AWhat does jQuery do for you?%0A%0A%09It makes it easier to manipulate the DOM.%0A%0AWhat did you learn about the DOM while working on this challenge?%0A%0A%09I think I learned something about %22event proagation%22 since I couldn't keep our image in the same place. While in the same HTML location, it moved up on the front end. %0A%0A%0A%0A*/%0A%0A%0A%0A%0A%0A

correct js file