Ready to watch this entire course?
Become a member and get unlimited access to the entire skills library of over 4,900 courses, including more Web and personalized recommendations.Start Your Free Trial Now
- View Offline
- What is jQuery?
- Installing jQuery
- Performing multiple operations with chaining
- Using classes
- Adding, modifying, and removing content dynamically
- Triggering a change with event binding
- Creating a dynamic contact form
- Building a slideshow gallery
- Creating simple jQuery animations
Skill Level Intermediate
I've mentioned several times the huge ecosystem of plugins available for jQuery and in this movie we are going to go over a few options for where you can find some others and call that a few specific examples. So here at plugins.jquery.com you will find the official plugin repository. There are a lot of plugins here and of course you can search for plugins that will help whatever you are working on. There are few specific plugins that I like to point out that are kind of fun. So the first one is chosen, which just like it shows here, can turn standard select elements into something quite a lot more usable.
Now, you can scroll through here of course, but you can also search, which is kind of interesting. A mixed finding, a country that you are looking for in this case a lot easier. And it turns multi-selects into something that's also a lot easier to work with. Pretty cool. It's a very nice widget. Mediaelement.js is a JQuery plugin in that you can use to implement HTML 5 audio and video tags anywhere really easily. It comes with a nice player and helps get around some of the pain of working with those tags. jQuery cycle is a plugin that's been around for a long time.
The current version is Cycle2, which is relatively recent as of the time I'm recording this video. And as you can see, it's for creating slideshows. You can use lots of different transition effects, and it's really easy to use. Flexslider is, as you can see, a slider. Also good for creating slideshows. This one's made by Woo Themes, which is one of the big WordPress shops. And it's free. And as you can see, lots of features. Including nice mark up. A lot of different transition styles, and interesting navigation options. jQuery Tools is kind of like a small version of jQuery UI. It includes a lot of user interface widgets and a couple other little bits of jQuery that will help you build web applications.
jQuery Cookie is a tiny plugin that has been around for quite a long time. If you're ever in a situation where you need to read or write browser cookies and you're using jQuery, look no further. So, that's a few examples not only of different plugins, but different plugin types. You have very small utility plugins like jQuery cookie, user interface, which is like flex slider and cycle tube and media element and then form transformers like chosen. There are lots of jQuery plugins in many different classes. So, check out the plugins repository at jquery.com or just plugin your favorite search engine and take a look around, there's a lot out there.
The only thing that I'll caution you against is going a little crazy on the plugins and installing a bunch all at once. Only use the ones that you need to solve the problems that you have on the given project that you are working on. With every plugin that you add, you are increasing the number of things that a browser is going to need to download. You are increasing the memory for print of the project you are working on. See just want to be careful, keep performance in mind. But by all means, if you're using jQuery, make use of the existing plugins, and you'll get to the solution that you're trying to work on, a lot faster.