jQuery :first Selector

Select the first <p> element:

$("p:first")

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.

$(":first")

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