jQuery, Part 2 of 6: Selectors

Course description

The jQuery: Selectors course will give a recap of what CSS is then move to basic selectors and then Positional selectors and ending on filters.

Each LearnNowOnline training course is made up of Modules (typically an hour in length). Within each module there are Topics (typically 15-30 minutes each) and Subtopics (typically 2-5 minutes each). There is a Post Exam for each Module that must be passed with a score of 70% or higher to successfully and fully complete the course.

Prerequisites

Basic knowledge of computer programming in C++, C#, or Java.

Meet the expert

Michael Bibeault

Michael Bibeault has been turning coffee into quality software since 1976 when he starting programming in BASIC on a Control Data Cyber. He is currently an Architect and Technical Lead at a company that manufactures residential gateways and set-top TV boxes. Bear has two Electrical Engineering degrees from the University of Massachusetts and has also taught in the Graduate Computer Engineering Program of that esteemed institution for a decade. Bear has co-authored four books: Ajax in Practice, Prototype and Scriptaculous in Action, jQuery in Action, and jQuery in Action, 2nd edition. He is also currently working on a 5th book with John Resig: Secrets of the JavaScript Ninja.

Video Runtime

67 Minutes

Time to complete

188 Minutes

Course Outline

jQuery: Selectors

Basic Selectors (24:34)

• Introduction (00:43)
• A Brief Review (00:41)
• Adding Elements to Wrapped Set (00:55)
• Wrapping Specific Elements (01:12)
• Wrapping Wrapped Elements (00:29)
• Selecting Elements from the DOM (00:36)
• Why Re-Invent the Wheel? (01:15)
• Selector Categories (00:47)
• Basic Selectors (00:44)
• Demo: Selectors Page (01:58)
• Select Everything (00:57)
• Demo: Select Everything (00:46)
• Defining the Search Context (01:42)
• (Back to) Basic Selectors (00:41)
• Identity Selector (00:58)
• Class Selector (00:52)
• Demo: Class Selector (01:12)
• Descendent Selector (01:31)
• Demo: Descendant Selector (01:06)
• Child Selector (00:44)
• Demo: Child Selector (00:49)
• Immediate Sibling Selector (00:51)
• Demo: Immediate Sibling Selector (00:46)
• General Sibling Selector (00:25)
• Demo: General Sibling Selector (00:46)
• Basic Selectors (recap) (00:23)
• Summary (00:34)

Attribute Selectors (11:49)

• Introduction (00:41)
• Attribute Selectors (04:14)
• Demo: Attribute Selectors (01:28)
• Not Value Selector (01:06)
• Contains Value Selector (00:58)
• Contains Word Value Selector (00:44)
• Prefix Value Selector (00:24)
• Suffix Value Selector (00:29)
• Hyphened Prefix Value Selector (01:00)
• Attribute Selectors (recap) (00:25)
• Summary (00:15)

Relational Selectors (19:01)

• Introduction (00:36)
• Relational Selectors (02:06)
• Demo: Empty Filter (00:22)
• Containment Filter (01:00)
• Demo: Containment Filter (00:46)
• Location Filter (01:11)
• Demo: Location Filter (00:34)
• Less Than Location Filter (00:34)
• Greater Than Location Filter (00:30)
• First and Last Location Filters (00:32)
• Even and Odd Filters (00:42)
• First and Last Child Filters (01:22)
• Demo: Child Filters (00:55)
• Any Child Filter (02:03)
• Demo: Any Child Filter (01:13)
• Only Child Filter (00:25)
• Parent Filter (00:44)
• Exclusion Filter (00:46)
• Ancestor Filter (01:01)
• Relational Selectors (recap) (01:05)
• Summary (00:26)

Category Selectors (11:47)

• Introduction (00:41)
• Category Selectors (00:20)
• Button Filter (00:19)
• Header Filter (00:14)
• Input Filter (00:19)
• Type Filter (01:08)
• Checked Filter (01:24)
• Selected Filter (00:27)
• Enabled or Disabled Filter (00:28)
• Focus Filter (00:24)
• Hidden and Visible Filter (01:43)
• Animation Filter (00:42)
• Category Selectors (recap) (00:46)
• Combining Selectors (02:23)
• Summary (00:24)