Learn your way! Get started

jQuery, Part 2 of 6: Selectors

with expert Michael Bibeault


Course at a glance

Included in these subscriptions:

  • Dev & IT Pro Video
  • Dev & IT Pro Power Pack

Release date 6/3/2012
Level Beginner
Runtime 1h 7m
Closed captioning Included
Transcript Included
eBooks / courseware Included
Hands-on labs N/A
Sample code Included
Exams Included


Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More



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.

Prerequisites

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

Learning Paths

This course is part of the following LearnNowOnline SuccessPaths™:
JavaScript Frameworks

Meet the expert

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.

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)