geoff-p2
3/12/2014 - 8:55 PM

Intro to jQuery for Phase 0

Intro to jQuery for Phase 0

jquery_example.js
content_copyfile_download
$(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.
jquery_example.html
content_copyfile_download
<!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>