- [Voiceover] In this video,…we're going to talk about method chaining,…which is a way to take the operations that you're doing…to elements in your jQuery code…and making them a little shorter…and hopefully a little easier to read.…So here on my Build a Bouquet page from Hansel & Petal…I want to make some changes to these items in this…Build a Bouquet grid here.…So I'm going to right click and inspect the elements…to see what I need to select.…I'm going to start with this grid ID.…So I'm going to double click this to select just the…text in there and copy it.…
Close the console and then I'm going to switch over…to my script file, which I have open in my text editor.…So this is just a starting point…with my ready 'function' and my 'use strict'.…So what I'm going to do is make a selection of that…grid first and I'm going to save it in 'variable'.…This is a good practice to get into so that you don't have…jQuery make the same selection over and over again.…So I'm going to call it 'grid'…and I like to prefix the variable names…
Author
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: Shorter code with chaining