Join Joe Chellman for an in-depth discussion in this video Attributes and properties, part of jQuery for Web Designers.
- [Voiceover] In this movie, we're going to talk about…attributes and properties.…Two similar sides of a rather subtle coin.…The first thing we're going to do is take a look…at attributes.…Now, these are HTML attributes, so for example,…when you have a link, you set the href attribute…to the place where you want the link to go.…So if I inspect this by right-clicking,…href is an attribute, title is an attribute,…and so is class, and I can access all of these…in jQuery using its attribute method.…Let's switch over to the script file…and start writing a little code.…
I've gotten you started here with a little submit handler…for this form that stops it from actually submitting…when you click the button.…So we're going to log a few messages here.…We'll start off by logging what the href attribute is…for the first link on the page.…So we'll say first link, and then we'll pass in…another argument, which will be our jQuery selection.…So if I want the first link on the page,…I'll take the a attribute and then I'll…add on the first filter.…
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
Related Courses
-
GitHub for Web Designers
with James Williamson3h 56m Intermediate
-
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: Attributes and properties