Best being
$("#id") replacing document.getElementById("id");
Makes code look cleaner
Best being
$("#id") replacing document.getElementById("id");
Makes code look cleaner
Does the same as the $ query but native in every browser in IE9+ and gives you a native node. Also more performant than getElementBy<whatever> methods.
jQuery is elegant, concise, and was designed by a genius. The "modern" methods are ugly, verbose, and were designed by a committee.
function $(arg) {
if (arg.charAt(0) == "#") {
// HTML spec does not support ids to start with numbers [0]
// (you may not need this conditional on your website)
return document.getElementById(arg.slice(1))
}
return document.querySelector(arg)
}
Using this function you can select your comment with $('#27677234')
jQuery does add many extra features but if clean code is the only thing you are after there are other options.You could just extend the function to detect '.' vs '#', and do a class selection as well. And then add all of the selectors, subselectors, etc. (similar to, but far more powerful than css3's selectors.) and if you go far enough, you reinvented zepto (but still a long way from jQuery)
(actually, since $ is basically synonymous with jQuery, it'd probably be better to choose a different function name. too bad you can't define it as #(id).)
Yes. For a high degree of jquery-compatibility, you can use my library.
const $ = document.querySelectorAll.bind(document);