Selettori DOM JavaScript / jQuery

jQuery vs JavaScript

jQuery è stato creato da John Resig nel 2006. È progettato per gestire la incompatibilità dei browser e semplificare le operazioni DOM HTML, la gestione degli eventi, le animazioni e AJAX.

Per più di dieci anni, jQuery è stato la libreria JavaScript più popolare al mondo.

Ma dopo la versione JavaScript 5 (2009), la maggior parte delle utility jQuery possono essere risolte con poche righe di JavaScript standard:

Trova elementi HTML tramite l'id

Restituisce l'elemento con id="intro":

jQuery

var myElement = $("#id01");

Prova personalmente

JavaScript

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

Prova personalmente

Trova elementi HTML tramite il nome del tag

Restituisce tutti gli elementi <p>:

jQuery

var myElements = $("p");

Prova personalmente

Esempio

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

Prova personalmente

Trova elementi HTML tramite nome della classe

Restituisce tutti gli elementi con class="intro".

jQuery

var myElements = $(".intro");

Prova personalmente

JavaScript

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

Prova personalmente

Il metodo non funziona nei browser Internet Explorer 8 e precedenti versioni.

Trova elementi HTML tramite selettore CSS

Restituisce l'elenco di tutti gli elementi <p> con class="intro".

jQuery

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

Prova personalmente

JavaScript

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

Prova personalmente

querySelectorAll() Il metodo non funziona nei browser Internet Explorer 8 e precedenti versioni.