Selettori JavaScript / jQuery DOM
jQuery vs JavaScript
jQuery è stato creato nel 2006 da John Resig. È stato progettato per gestire le incompatibilità del browser e per semplificare la manipolazione del DOM HTML, la gestione degli eventi, le animazioni e l'Ajax.
Per più di 10 anni, jQuery è stata la libreria JavaScript più popolare al mondo.Tuttavia, dopo JavaScript versione 5 (2009), la maggior parte delle utilità jQuery può essere risolta con poche righe di JavaScript standard:
Trovare l'elemento HTML per ID
Restituisce l'elemento con id="id01":
jQuery
myElement = $("#id01");
JavaScript
myElement = document.getElementById("id01");
Trovare elementi HTML in base al nome del tag
Restituisce tutti gli elementi <p>:
jQuery
myElements = $("p");
JavaScript
myElements = document.getElementsByTagName("p");
Trovare elementi HTML in base al nome della classe
Restituisce tutti gli elementi con class="intro".
jQuery
myElements = $(".intro");
JavaScript
myElements = document.getElementsByClassName("intro");
Trovare elementi HTML dai selettori CSS
Restituisce un elenco di tutti gli elementi <p> con class="intro".
jQuery
myElements = $("p.intro");
JavaScript
myElements = document.querySelectorAll("p.intro");