Course List >> Web Development 101 >> The Front End >> 6: jQuery Basics
Scroll up or hover over the breadcrumbs to view the navigation bar

jQuery Basics

Introduction

jQuery is a library of commonly used javascript widgets and functions that has more or less taken the internet by storm. It's written in javascript and it means that you don't have to go through the pain of building a popup modal dialog box or a dropdown menu, for example, the long way. It also gives you the incredibly easy ability to select elements on the webpage ("DOM elements") so you can start modifying their properties, whether that's hiding them, moving them, changing their contents... it's all in your hands!

jQuery will let you take your javascript knowledge and start really diving into your webpages and messing with (ahem, improving) the elements.

Learning Outcomes

Look through these now and then use them to test yourself after doing the assignment

  • What is the DOM?
  • How can you interact with the DOM?
  • How can you add elements to the DOM?
  • How can you modify the contents of an element?

Assignment

  1. Learn about jQuery by doing Code School's try jQuery.

Additional Resources

This section contains helpful links to other content. It isn't required, so consider it supplemental for if you need to dive deeper into something

From the creators of The Odin Project...

The Viking Code School
Viking ad 180x150