- [Voiceover] If your project doesn't already have…jQuery installed, you'll need to do that…before you can use it.…In this video, we'll see how that works.…Now as with any JavaScript library,…to install jQuery, all you're really doing…is adding a script tag to an HTML file.…But there are different approaches that you can take…with that script tag.…The first is to call jQuery directly from a CDN,…that is, a content delivery network.…This has the benefit of loading a file…from a separate web server from your own…so it can download faster.…And then you have the additional benefit…that jQuery might be cached from a previous website…that loaded jQuery from the same CDN…that your site uses, pretty handy.…
You can also install your own copy from your own server.…One nice thing about this when you're working…on your website locally, that is, on your own computer,…is that it can work with no internet connection.…Now the best is to use both of these at the same time,…and that's what we're going to do now.…Here is my HTML file where I'm going to install jQuery.…
Author
Joe Chellman
Released
9/1/2016- When to use jQuery
- Installing jQuery
- Setting up functions
- Using jQuery classes
- Modifying the DOM
- Event binding
- Reading and setting values
- Integrating plugins
- Animating websites with jQuery
Skill Level Intermediate
Duration
Views
-
Introduction
-
Welcome1m 13s
-
What you should know1m 29s
-
Challenges36s
-
-
1. jQuery Introduction
-
When to use jQuery2m 59s
-
Alternatives to jQuery1m 37s
-
Which version to use2m 56s
-
How to install jQuery5m 5s
-
Reference Materials3m 3s
-
2. Essential Concepts
-
Set up functions3m 15s
-
Select elements5m 51s
-
Shorter code with chaining4m 22s
-
Use classes6m 11s
-
Modify the DOM5m 46s
-
Challenge: Form feedback1m 45s
-
Solution: Form feedback2m 9s
-
-
3. It's Easier in jQuery
-
Event binding6m 20s
-
Read and set values5m 9s
-
Attributes and properties6m 57s
-
-
4. Integrate a Plugin
-
Initialize the plugin3m 47s
-
Change gallery options6m 14s
-
5. Animation
-
Simple animations8m 28s
-
Animate numeric properties5m 26s
-
Easing4m 1s
-
Conclusion
-
Next steps: Plugins3m 3s
-
Next Steps: jQuery1m 1s
-
Next Steps: JavaScript1m 12s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: How to install jQuery