Test Yourself: jQuery Basics

How well did you learn what's been taught in the previous lessons?

Scroll down...




Some things you should know before moving on.

Taking JavaScript to the Browser

  • What is the "DOM" and how is it constructed?
  • What does it mean that the "browser is basically an API"?
  • What is the "BOM"?
  • What is the "Window" object?
  • What's the relationship between the BOM and the DOM?
  • What is the document object?
  • How do you retrieve a collection of elements based on their classes?
  • How could you locate the URL of the current page?
  • How could you go "back" or "forward" in the browser history?
  • Why is browser compatibility such an issue for the front end?
  • What is the Document Node?
  • What are "Nodes" really?
  • What is the difference between a "property" and a "method" on a browser object? This is important (it's also the same as any other JavaScript object)
  • How might you (hypothetically) change the checked value of a checkbox by taking advantage of the DOM's node structure?

Introduction to jQuery

  • What is jQuery?
  • Where is the documentation?
  • What are the relationships between jQuery, jQuery UI, and jQuery Mobile?
  • What is jQuery?
  • What is the "jQuery Object" and how is it useful?
  • What is the relationship between $ and the jQuery function?
  • Why is it important to ensure that the page has loaded before running many jQuery methods?
  • What are two ways to ensure this?
  • Why do you need to use an anonymous function with $(document).ready()? Important!
  • How can you pause JavaScript code execution on an error using your browser's dev tools?

The Basics of jQuery

  • What is the basic 2-step process for any jQuery action?
  • How do you locate an element based on its ID?
  • How do you locate groups of elements based on class? Tag name? Attributes?
  • How do you find the elements of the "foo" class inside elements with the "bar" ID?
  • What other (non-CSS-style) types of inputs does the $ function accept?
  • Can the return value of a jQuery query ever be falsy?
  • What type of objects are stored inside the jQuery object returned by a jQuery query?
  • How do you access these objects?
  • How do you turn these objects back into jQuery objects?
  • What are two ways to pull a jQuery object out of a jQuery object?
  • What is "Implicit Iteration" and why is it awesome?
  • How do you explicitly iterate over a jQuery object (which presumably contains a collection)?
  • How do you use jQuery's each method?
  • What's the difference between the each method that runs on the top-level $ object versus a returned jQuery Object?
  • How does map work in jQuery?
  • What is different about what's returned by the top-level $.map and the jQuery Object's map?
  • If you run a jQuery query and then add a new element to the DOM which would be picked up by that query, does the jQuery object originally returned by the query reflect the change you just made to the DOM?
  • Do you need to manually re-run the jQuery query prior to using any setters like adding classes?
  • How can you use jQuery to create new elements?

DOM Traversal and Modification

  • What is "DOM Traversal"?
  • How do you filter for an element inside a jQuery object?
  • How would you locate a "cousin" of the current jQuery object's first element?
  • How do you modify an element's property relative to the old value for it?
  • How can you remove an element from the DOM?
  • What are the consequences of the different techniques?
  • How do you add an element to the DOM?
  • What's the difference between append and appendTo?
  • What's the difference between appendTo and insertAfter?
  • When you append an existing element to another, what happens to the appended element? Is it a copy or the original getting moved?

Sign up to track your progress for free

There are ( ) additional resources for this lesson. Check them out!

There are no additional resources for this lesson just yet!

Sorry, comments aren't active just yet!

Next Lesson: Practice with DOM Manipulation