JS vs jQuery

JavaScript / JQuery DOM 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

Try it now

JavaScript

Try it now

---

Finding HTML Elements by Tag Name

Return all <p> elements:

jQuery

Try it now

JavaScript

Try it now

---

Finding HTML Elements by Class Name

Return all elements with class="intro".

jQuery

Try it now

JavaScript

---

Try it now

Finding HTML Elements by CSS Selectors

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

jQuery

Try it now

JavaScript

Try it now

Practice Excercise Practice now

JavaScript / JQuery HTML Elements

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:

---

Set Text Content

Set the inner text of an HTML element:

jQuery

Try it now

JavaScript

Try it now

---

Get Text Content

Get the inner text of an HTML element:

jQuery

Try it now

JavaScript

Try it now

---

Set HTML Content

Set the HTML content of an element:

jQuery

Try it now

JavaScript

Try it now

---

Get HTML Content

Get the HTML content of an element:

jQuery

Try it now

JavaScript

Try it now

Practice Excercise Practice now

JavaScript / JQuery CSS Styles

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:

---

Hiding HTML Elements

Hide an HTML Element:

jQuery

Try it now

JavaScript

Try it now

---

Showing HTML Elements

Show an HTML Element:

jQuery

Try it now

JavaScript

---

Try it now

Styling HTML Elements

Change the font size of an HTML element:

jQuery

Try it now

JavaScript

Try it now

Practice Excercise Practice now

JavaScript / JQuery HTML DOM

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:

---

Removing HTML Elements

Remove an HTML element:

jQuery

Try it now

JavaScript

Try it now

---

Get Parent Element

Return the parent of an HTML element:

jQuery

Try it now

JavaScript

Try it now

Practice Excercise Practice now