jwrobes · August 29, 2015 13:56 · Feb 23, 2014 · Dec 14, 2013
diff --git a/jquery_example.html b/jquery_example.html
@@ -2,17 +2,19 @@
 <html>
 <head>
   <title>DOM manipulation with jQuery</title>
-
+ 
   <!-- Add a link to jQuery CDN here script here -->
 
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+
   <script type="text/javascript" src="jquery_example.js"></script>
 </head>
 <body>
   <h1> Hello. Welcome to the jQuery DOM Manipulation Challenge! </h1>
   <div class="mascot">
     <h1> My DBC Mascot </h1>
-    <img src="dbc_logo.jpg">
+    <img src="devbootcamp.png">
   </div>
-
+ 
 </body>
 </html>
diff --git a/jquery_example.js b/jquery_example.js
@@ -1,27 +1,57 @@
-$(document).ready(function(){
-
-//RELEASE 0: 
-  //Link this script and the jQuery library to the jquery_example.html file and analyze what this code does. 
-
-$('body').css({'background-color': 'pink'})
-
+$('body').css({'background-color': 'pink'});
+
 //RELEASE 1:
   //Add code here to select elements of the DOM 
+
+var bodyElement = $('body');
 
 
+
+
 //RELEASE 2: 
   // Add code here to modify the css and html of DOM elements
+
+var h1Element = $('h1');
+
+h1Element.css({'color':'green'});
+h1Element.css({'border': '.2em dotted yellow'}) 
+//h1Element.css({'visibility': 'hidden'})
+$('.mascot h1').html('Fiery Skippers');
 
 
+
 //RELEASE 3: Event Listener
   // Add the code for the event listener here 
 
+$('img').on('mouseover', function(e) {
+	//e.preventDefault() 
+	$(this).attr('src', 'http://www.theultimateplaylist.com/wp-content/uploads/2012/03/willy-wonka-wilder.jpg')
+	$(this).css({'border': '5px red dotted'}).animate({
+	borderWidth: 5 },
+	100);
+	//	$(this).animate({'height': '600px'},300)
+
+})
+
+ /*$('img').on('mouseover', function(e){
+ 		$(this).animate
+
+ })
+*/
+$('img').on('mouseout', function(f)  {
+	$(this).attr('src', 'devbootcamp.png')
+		$(this).css({'border': 'none'}).animate({
+	borderWidth: 0 },
+	100);
+//	$(this).animate({'height': '300px'},300)
+})
+
 
 //RELEASE 4 : Experiment on your own
+
+
 
-
-
-
-
-
+
+
+
 })  // end of the document.ready function: do not remove or write DOM manipulation below this.
diff --git a/jquery_example.html b/jquery_example.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>DOM manipulation with jQuery</title>
+
+  <!-- Add a link to jQuery CDN here script here -->
+
+  <script type="text/javascript" src="jquery_example.js"></script>
+</head>
+<body>
+  <h1> Hello. Welcome to the jQuery DOM Manipulation Challenge! </h1>
+  <div class="mascot">
+    <h1> My DBC Mascot </h1>
+    <img src="dbc_logo.jpg">
+  </div>
+
+</body>
+</html>
diff --git a/jquery_example.js b/jquery_example.js
@@ -0,0 +1,27 @@
+$(document).ready(function(){
+
+//RELEASE 0: 
+  //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 1:
+  //Add code here to select elements of the DOM 
+
+
+//RELEASE 2: 
+  // Add code here to modify the css and html of DOM elements
+
+
+//RELEASE 3: Event Listener
+  // Add the code for the event listener here 
+
+
+//RELEASE 4 : Experiment on your own
+
+
+
+
+
+
+})  // end of the document.ready function: do not remove or write DOM manipulation below this.
No results found