Join Joe Chellman for an in-depth discussion in this video Read and set values, part of jQuery for Web Designers.
- [Voiceover] In this video we're going to take a look at…some of the methods that jQuery gives you…for getting value out of a particular part of the page,…and then setting that value if you want to do that.…So I'm going to start out in the JavaScript console.…I'm going to inspect this element here…by right clicking and choosing inspect.…I can see that this is an H1 inside the header tag.…So over here inside the JavaScript console…I'm going to select that header, there it is.…And now if I use a method called HTML…and pass in no arguments,…I get just the HTML that comprises that element.…
As you can see this includes white space,…depending on the browser you're using…you may see more or less of this.…So this is the HTML, but what if I wanted to see…the text that actually makes up this element?…I'll try that again, only instead of using HTML,…I'm going to use text. There we go.…Welcome to Explore California.…And once again we have a bunch of white space here.…There's another method jQuery offers…that can deal with this.…
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 35s
-
Shorter code with chaining4m 34s
-
Use classes6m 21s
-
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 26s
-
Attributes and properties6m 57s
-
-
4. Integrate a Plugin
-
Initialize the plugin3m 47s
-
Change gallery options6m 17s
-
5. Animation
-
Simple animations8m 48s
-
Animate numeric properties5m 26s
-
Easing4m 1s
-
Conclusion
-
Next steps: Plugins3m 20s
-
Next Steps: jQuery1m 1s
-
Next Steps: JavaScript1m 12s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press 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: Read and set values