jQuery был создан в 2006 году Джоном Резигом. Он был разработан для поддержки несовместимости браузеров и упрощения манипулирования DOM в HTML, обработки событий, анимации и Ajax. Уже более 10 лет jQuery является самой популярной библиотекой JavaScript в мире. Однако после JavaScript 5 версии (2009 год) большинство утилит jQuery могут быть заменены на нескольких строк стандартного JavaScript.
Самое первое, что надо знать о jQuery, что так как это библиотека, то эту самую библиотеку надо вызвать. Библиотека подгружается на страницу путем прописывания строчки.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
Теперь о том, что она может и как это соотнести с JS. Далее в виде табличек будет прописано по сути одно и то же, но реализовано путем подтягивания библиотеки jQuery и чистого JavaScript
Библиотека может найти объект по Id
| jQuery | var myElement = $("#id01"); |
| JavaScript | var myElement = document.getElementById("id01"); |
Библиотека может найти объект по Tag Name
| jQuery | var myElements = $("p"); |
| JavaScript | var myElements = document.getElementsByTagName("p"); |
Библиотека может найти объект по Class Name
| jQuery | var myElements = $(".intro"); |
| JavaScript | var myElements = document.getElementsByClassName("intro"); |
Библиотека может найти объект по по элементу и CSS, скажем <p> elements with class="intro".
| jQuery | var myElements = $("p.intro"); |
| JavaScript | var myElements = document.querySelectorAll("p.intro"); |
В принципе есть и другие опции и возможности, связанные с HTML, DOM, CSS. Но явных преимуществ у jQuery перед JavaScript как я понимаю нет, поэтому углубляться в эту библиотеку и что-то реализовывать именно с ее помощью смысла нет.