bugl
bugl
HomeLearnPatternsSearch
HomeLearnPatternsSearch

Loading lesson path

Learn/JavaScript/Objects, Classes, and Advanced Patterns
JavaScript•Objects, Classes, and Advanced Patterns

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 myElement = $("#id01");
myElement = document.getElementById("id01");

Finding HTML Elements by Tag Name

Formula

Return all < p > elements:
jQuery myElements = $("p");
myElements = document.getElementsByTagName("p");

Finding HTML Elements by Class Name

Return all elements with class="intro".

jQuery myElements = $(".intro");
myElements = document.getElementsByClassName("intro");

Finding HTML Elements by CSS Selectors

Formula

Return a list of all < p > elements with class ="intro".
jQuery myElements = $("p.intro");
myElements = document.querySelectorAll("p.intro");

Previous

JSONP

Next

JavaScript / jQuery HTML Elements