Have a question?
Message sent Close
View Categories

jQuery Selectors

< 1 min read

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");

Powered by BetterDocs

Leave a Reply