Skip to content

Instantly share code, notes, and snippets.

@dbc-challenges

dbc-challenges/jquery_example.html

Created December 14, 2013 18:44
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 145 You must be signed in to fork a gist
  • Save dbc-challenges/7963184 to your computer and use it in GitHub Desktop.
Save dbc-challenges/7963184 to your computer and use it in GitHub Desktop.
Download ZIP
Intro to jQuery for Phase 0
Raw
jquery_example.html
<!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>
Raw
jquery_example.js
$(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.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment