Selectores de JavaScript/jQuery DOM
jQuery contra JavaScript
jQuery fue creado en 2006 por John Resig. Fue diseñado para manejar las incompatibilidades del navegador y para simplificar la manipulación HTML DOM, el manejo de eventos, las animaciones y Ajax.
Durante más de 10 años, jQuery ha sido la biblioteca de JavaScript más popular del mundo.Sin embargo, después de la versión 5 de JavaScript (2009), la mayoría de las utilidades de jQuery se pueden resolver con unas pocas líneas de JavaScript estándar:
Encontrar elemento HTML por ID
Devuelve el elemento con id="id01":
jQuery
myElement = $("#id01");
JavaScript
myElement = document.getElementById("id01");
Búsqueda de elementos HTML por nombre de etiqueta
Devolver todos los elementos <p>:
jQuery
myElements = $("p");
JavaScript
myElements = document.getElementsByTagName("p");
Encontrar elementos HTML por nombre de clase
Devuelve todos los elementos con class="intro".
jQuery
myElements = $(".intro");
JavaScript
myElements = document.getElementsByClassName("intro");
Búsqueda de elementos HTML mediante selectores de CSS
Devuelve una lista de todos los elementos <p> con class="intro".
jQuery
myElements = $("p.intro");
JavaScript
myElements = document.querySelectorAll("p.intro");