jQuery Best Practices in 2026: Write Cleaner, Faster Code

jQuery is still everywhere — WordPress, dashboards, internal tools. Whether you maintain a legacy app or wrap one feature with it, these practices will keep your code fast and friendly.

1. Cache your selectors

// bad
$(".item").addClass("a");
$(".item").fadeIn();

// good
const $items = $(".item");
$items.addClass("a").fadeIn();

2. Chain method calls

3. Use event delegation for lists

4. Prefer .on() over deprecated shortcuts

5. Avoid jQuery for things vanilla JS does well

document.querySelector, classList, addEventListener, and fetch cover most needs without 80KB of jQuery.

6. Load jQuery once, from a CDN, with SRI

7. Always wrap code in $(function(){})

It runs after the DOM is ready, preventing the classic 'element is null' errors.