Join Joe Marini for an in-depth discussion in this video What is jQuery?, part of jQuery Essential Training.
If you look at the state of modern web-app development, several common patterns and scenarios start to emerge. Let's take a look at a few of those. One common pattern is that when the page loads, you have to perform some kind of state initialization, like maybe setting up a product list. Then you set up some event-handlers, and you kick off the application. Another common scenario is that the user performs some kind of action on the page, such as selecting an element. Then your app has to retrieve content from the page, perform some kind of manipulation on it, and then update the result back into the page.
For example, an e-commerce site might update the contents of a shopping cart, in response to a user's action. A third common pattern is when your app has to fetch content from the server in order to update the page content. For example, a financial web app might periodically update stock quotes from a server, and then put the values back into the page. Now obviously there are more patterns than these three, but these are really good examples of common patterns that jQuery makes much easier to build. JQuery leverages many of the skills you already have as a web developer.
And in fact it's very easy to learn how to build your own plugins. Now we won't go into that here, in this course, since it's a little advanced, but you can do a Google search on jQuery plugins to get an idea of how many there are, and what they can do. Now that we've learned a little bit about what makes jQuery so great, let's jump into some code, and build our very first jQuery-enabled web page. When you're ready, we'll get into that in the next chapter.
- What is jQuery?
- Using selectors and filters to extract information
- Creating, inserting, and animating page content
- Handling events
- Understanding jQuery statement chaining
- Working with CSS
- Building event handlers
- Animating with jQuery: showing, hiding, and fading page elements
- Working with AJAX