---
title: jQuery Selectors
description: "> ## jQuery vs JavaScript > > > > jQuery was created in 2006 by John Resig. It was designed to handle Browser Incompatibilities and to simplify HTML DOM Manipulation, Event Handling, Animations, and Ajax. > > > > For more…"
url: "https://apprentice.mn/docs/jquery-selectors/"
updated: "2021-05-19"
category: Javascript
---

# jQuery Selectors

> ## jQuery vs JavaScript
>
>
>
> jQuery was created in 2006 by John Resig. It was designed to handle Browser Incompatibilities and to simplify HTML DOM Manipulation, Event Handling, Animations, and Ajax.
>
>
>
> For more than 10 years, jQuery has been the most popular JavaScript library in the world.
>
>
>
> However, after JavaScript Version 5 (2009), most of the jQuery utilities can be solved with a few lines of standard JavaScript:

---

##  Finding HTML Element by Id

Return the element with id=”id01″:

### jQuery

      `var myElement = $("#id01");`

### JavaScript

     `var myElement = document.getElementById("id01");`

## Finding HTML Elements by Tag Name

Return all <p> elements:

### jQuery

              `var myElements = $("p");`

### JavaScript

             `var myElements = document.getElementsByTagName("p");`

## Finding HTML Elements by Class Name

Return all elements with class=”intro”.

### jQuery

      `var myElements = $(".intro");`

### JavaScript

             `var myElements = document.getElementsByClassName("intro");`

## Finding HTML Elements by CSS Selectors

Return a list of all <p> elements with class=”intro”.

### jQuery

              `var myElements = $("p.intro");`

### JavaScript

             `var myElements = document.querySelectorAll("p.intro");`        [https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fjquery-selectors%2F&linkname=jQuery%20Selectors](https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fjquery-selectors%2F&linkname=jQuery%20Selectors)[https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fjquery-selectors%2F&linkname=jQuery%20Selectors](https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fjquery-selectors%2F&linkname=jQuery%20Selectors)[https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fjquery-selectors%2F&linkname=jQuery%20Selectors](https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fjquery-selectors%2F&linkname=jQuery%20Selectors)[https://www.addtoany.com/share](https://www.addtoany.com/share)