Tutorials References Exercises Bootcamps Videos Menu
Sign Up Create Website Get Certified Upgrade

jQuery :first Selector

❮ jQuery Selectors


Select the first <p> element:

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.



Try it Yourself - Examples

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

❮ jQuery Selectors