1. Home

jQuery Selectors

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

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.

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

Try it Yourself »

JavaScript

myElement = document.getElementById("id01");

Try it Yourself »

Finding HTML Elements by Tag Name

Return all <p> elements:

jQuery

myElements = $("p");

Try it Yourself »

JavaScript

myElements = document.getElementsByTagName("p");

Try it Yourself »

Finding HTML Elements by Class Name

Return all elements with class="intro".

jQuery

myElements = $(".intro");

Try it Yourself »

JavaScript

myElements = document.getElementsByClassName("intro");

Try it Yourself »

Finding HTML Elements by CSS Selectors

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

jQuery

myElements = $("p.intro");

Try it Yourself »

JavaScript

myElements = document.querySelectorAll("p.intro");

Try it Yourself »

Categories

HTML CSS3 Bootstrap Foundation Sass JavaScript TypeScript JQuery AngularJS React NodeJS Highcharts PHP Python Python3 Django Linux Docker Ruby Java C C ++ Perl Servlet JSP Lua Scala Go ASP C # SQL MySQL SQLite MongoDB Redis Android Swift ionic Kotlin XML tutorial

Contact US