DevTips | Top 3 Don't-Need-jQuery @OfficialDevTips | Uploaded April 2018 | Updated October 2024, 6 hours ago.
You don’t NEED jQuery today. Let’s look at the three things you totally can accomplish without dropping in the jQuery library on your app or site. $.ajax(), $().ready() and the jQuery DOM selector.

This is DevTips with David.

document.querySelector()
developer.mozilla.org/en-US/docs/Web/API/Document/querySelector
caniuse.com/#feat=queryselector

DOMContentLoaded
developer.mozilla.org/en-US/docs/Web/Events/DOMContentLoaded
caniuse.com/#feat=domcontentloaded

fetch()
developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
caniuse.com/#feat=fetch

CodePen used in the video
codepen.io/devtips/pen/VXbqqo

jQuery pushed Web 2.0 forward. But today the web has caught up. It wasn’t trivial to query the DOM ten years ago. jQuery solved that.
It also has a handy wait-for-the-DOM-to-load call. And it had handy features such as toggles for checkboxes, making AJAX requests (which are asynchronous JavaScript calls to other resources such as other JavaScript or XML or HTML documents), picking up form values, changing styles, or manipulate the DOM.

If you wanted to build something slightly more advanced back in the days, you almost needed jQuery. Today, you don't.

jQuery did things well. But I see people use it still and its fine. It just bugs me that today they could just as well NOT drop in that pretty big library, if all they want to do is either DOM selection, AJAX XHR fetching or waiting for the document to load.