Tutorials References Exercises Videos Menu
Create Website Get Certified Upgrade

jQuery :first Selector

❮ jQuery Selectors

Example

Select the first <p> element:

$("p:first")
Try it Yourself »

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

$(":first")

Try it Yourself - Examples

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


❮ jQuery Selectors