jQuery
Replacing jQuery $('.class')
Vanilla JavaScript
const $ = (selector) => {
const elements = document.querySelectorAll(selector);
return {
hide: () => elements.forEach(el => el.style.display = 'none'),
show: () => elements.forEach(el => el.style.display = ''),
text: (str) => elements.forEach(el => el.textContent = str),
elements
};
};
// Usage:
// $('.nav-link').hide();
Why Use This?
jQuery was essential when browsers had completely different DOM APIs and bugs. Today, `document.querySelectorAll` provides a standard and equally succinct selector API natively. You don't need a heavy DOM abstraction library to manipulate the page.