jQuery 4.0 99% Complete

Post by petre » Sun, Oct 29, 2023, 6:59 PM UTC

knoebber wrote: post #13

V__ wrote: post #10

It has been a long time since I used jQuery. What exactly is the usecase today? Is it just syntactic sugar or has it changed significantly?

I think the main use case today is the dom traversal API. It makes operations like "add the 'error' class to all elements in the form" simple: $('#some-form').find('input').addClass('error') Obviously you can do this in vanilla JS, but it's more cumbersome so you'll probably end up rewriting your own less complete version of jquery. There is some value to using a well worn library with public documentation that other…

Post by WorldMaker » Sun, Oct 29, 2023, 7:20 PM UTC

knoebber wrote: post #13

V__ wrote: post #10

It has been a long time since I used jQuery. What exactly is the usecase today? Is it just syntactic sugar or has it changed significantly?

I think the main use case today is the dom traversal API. It makes operations like "add the 'error' class to all elements in the form" simple: $('#some-form').find('input').addClass('error') Obviously you can do this in vanilla JS, but it's more cumbersome so you'll probably end up rewriting your own less complete version of jquery. There is some value to using a well worn library with public documentation that other…

    document.getElementById('some-form').getElementsByTagName('input').forEach(i => i.classList.add('error'))

    document.querySelectorAll('#some-form > input').forEach(i => i.classList.add('error'))

   const $ = document.querySelectorAll
   const addClass = (className) => (item) => item.classList.add(className)
   $('#some-form > input').forEach(addClass('error'))

Post by rchaud » Sun, Oct 29, 2023, 7:52 PM UTC

Post by jokethrowaway » Sun, Oct 29, 2023, 9:05 PM UTC

WorldMaker wrote: post #23

knoebber wrote: post #13

Earlier quoted context omitted.

I think the main use case today is the dom traversal API. It makes operations like "add the 'error' class to all elements in the form" simple: $('#some-form').find('input').addClass('error') Obviously you can do this in vanilla JS, but it's more cumbersome so you'll probably end up rewriting your own less complete version of jquery. There is some value to using a well worn library with public documentation that other…

Mostly off the top of my head: document.getElementById('some-form').getElementsByTagName('input').forEach(i => i.classList.add('error')) It is a little more verbose but it isn't that much more cumbersome today. That's also doing things "the right way" and not do-all selectors, but that option exists now, too: document.querySelectorAll('#some-form > input').forEach(i => i.classList.add('error')) If you want to make it…

Post by adhesive_wombat » Sun, Oct 29, 2023, 9:25 PM UTC

iKlsR wrote: post #15

hnarn wrote: post #12

Is there some kind of summary available somewhere of what features are “unique” to jQuery (or at least significantly easier), and what features are now generally available as vanilla JS or CSS? I’m not a JS developer and I just have a basic understanding of what jQuery is used for, so I’d be interested in seeing some kind of historical timeline, both to better understand why jQuery was originally created, and to unde…

https://youmightnotneedjquery.com/