Test Yourself: Dynamic jQuery


Scroll down...




Some things you should know before moving on.

The JavaScript Event Loop

  • Why is JavaScript's asynchronous handling necessary in the browser environment?
  • What is a "Call Stack"?
  • What is a "Message Queue"?
  • How does JavaScript use its own message queue in conjunction with your browser's queues (via its APIs) to handle asynchronous methods?
  • How do you make a function execute asynchronously?
  • What actually happens when you use the setTimeout function?
  • What are "Event Listeners" in essence?
  • What actually happens when you register an event listener?
  • Why is using the onclick property of HTML elements considered bad practice?
  • Where are listeners stored?


  • How do you attach an event listener using jQuery?
  • If you add a new element to the page after setting up some listeners, will it get a listener attached to itself too?
  • Why is it useful to delegate a listener to the element's parent instead?
  • What is "Event Bubbling" and why is it important?
  • If you click on a nested <div> which is listening for that click, does the event continue to bubble upwards to the enclosing <div> elements?
  • What is the "Event Handler"?
  • What is the "Event Object"?
  • How do you find the element which initially spawned the event?
  • Why might you want to stopPropagation of an event?
  • Why might you want to preventDefault for an event?
  • How do you delegate an event listener?
  • How is delegating an event listener to the parent often a better option than putting it directly on the children?
  • How do you manually trigger an event?
  • How do you remove an event handler from an object?

Callback Functions

  • Is a callback any different from a "handler"?
  • How do you know which arguments your callback should handle?
  • Why might you define an anonymous function as the callback instead of passing an already-existing named function?
  • What is the value of this inside a callback function for a jQuery click handler?
  • What is the value of this for any function you call inside that callback?


  • What is an "Effect"?
  • How do you show and hide an object?
  • What is a "Toggle"?
  • How do you pass a duration to an effect and why would you?
  • How do you fade an element in or out?
  • What does "Sliding" an element do?
  • Are animations synchronous or asynchronous?
  • What happens if you chain animations with normal jQuery functions?
  • What happens if you chain animations with other animations?
  • What's the problem with running too many or too complex animations?
  • How do you stop an animation mid-stream?
  • How do you delay animations?
  • What is the $.fx object and why is it useful?
  • What sorts of properties can be animated?
  • How do you animate an arbitrary CSS property?
  • What is "Easing"?
  • Why might using CSS for animations actually be better than using JavaScript?

Intervals and Timeouts

  • What is the difference between setInterval and setTimeout?
  • How do you stop an interval or timeout?
  • How do timeouts and intervals work with your browser on a conceptual level?

JS and jQuery Best Practices

  • Where are the jQuery docs located?
  • How can you figure out the differences between multiple ways of calling a method if they are all listed in the docs?
  • Why are you often allowed to pass objects instead of strings to jQuery methods?
  • Why should you modify CSS classes instead of directly modifying the inline CSS styles on an object?

Sign up to track your progress for free


There are no additional resources for this lesson just yet!

Sorry, comments aren't active just yet!

Next Lesson: Practice with Events and Effects