jQuery :first Selector

jQuery Selectors

Definition and Usage

The :first selector selects the first element.

Note: This selector can only select one single element. Use the :first-child selector to select more than one element (one for each parent).

This is mostly used together with another selector to select the first element in a group (like in the example above).

Tip: To select the last element in a group, use the :last selector.

Syntax

Try it Yourself - Examples

Difference between :first and :first-child
Show the difference between the :first and :first-child selectors.

jQuery Selectors