JavaScript / jQuery DOM-väljare

jQuery vs JavaScript

jQuery was created by John Resig in 2006. It is designed to handle browser incompatibilities and simplify HTML DOM operations, event handling, animations, and Ajax.

For more than a decade, jQuery has been the most popular JavaScript library in the world.

However, after JavaScript Version 5 (2009), most jQuery utilities can be solved with a few lines of standard JavaScript:

Find HTML elements by id

Return element with id="intro":

jQuery

var myElement = $("#id01");

Prova själv

JavaScript

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

Prova själv

Find HTML elements by tag name

Return all <p> elements:

jQuery

var myElements = $("p");

Prova själv

Exempel

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

Prova själv

Sök HTML-element med klassnamn

Returnerar alla element med class="intro".

jQuery

var myElements = $(".intro");

Prova själv

JavaScript

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

Prova själv

Metoder fungerar inte i Internet Explorer 8 och tidigare versioner.

Sök HTML-element med CSS-väljare

Returnerar en lista över alla <p>-element med class="intro".

jQuery

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

Prova själv

JavaScript

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

Prova själv

querySelectorAll() Metoder fungerar inte i Internet Explorer 8 och tidigare versioner.