To use an example, I'd much rather do
$(".elements").css("color", "red")
versus
var selector = document.getElementsByClassName('elements');
selector.style.color = 'red';
$(".elements").css("color", "red")
versus
var selector = document.getElementsByClassName('elements');
selector.style.color = 'red';
> document.getElementsByClassName('comment').style
> undefined
You'd need a for loop right there I believe.
const $ = document.querySelector;
$('.elements').style.color = 'red';
Which is only marginally more verbose.
You can however do:
document.querySelectorAll('a').forEach(a => a.style.color = 'red')
const $ = document.querySelector.bind(document);
const $ = function(x) { return document.querySelector(x) };
const $ = (x) => document.querySelector(x);