JavaScript Is element.addEventListener universal or do I need jQuery?

[JosiahMaybe]

In HTML pages there are elements and these elements can have event listeners.
Like most universal way I have found to set these is element.addEventListener with first parameter for what and second parameter listener.
Is say like that with "click" universal?
Like could it run on all internet browsers?
Would jQuery be more universal like that?
Is anything really universal like that?
If so please tell me.
I found that getElementById is not universal, it does not support older browsers, but on modern browsers, universal.
X E.

 

[Antero360]

In HTML pages there are elements and these elements can have event listeners.
Like most universal way I have found to set these is element.addEventListener with first parameter for what and second parameter listener.
Is say like that with "click" universal?
Like could it run on all internet browsers?
Would jQuery be more universal like that?
Is anything really universal like that?
If so please tell me.
I found that getElementById is not universal, it does not support older browsers, but on modern browsers, universal.
X E.

addEventListener should work fine without jquery.
as far as selecting elements... you could just use document.querySelector('idOrClass') to get first instance of element, or document.querySelectorAll('className') to get all elements with given class

 

[The Raven]

I would be preferable to use syntax for given language when using. for instance:

$('#button').on('click', function() {
    // Do something here
});

 

[JosiahMaybe]

I was looking for like comparison with browsers, how far back does jQuery compatability go and how far back does getElementById and addEventListener go?
I know now that they both work in all modern browsers.
I think if either does not work, people nearly may as well be using punch cards and it is okay to report "Please update your browser".
I may be using HTML to limit things and Javascript to allow things so if Javascript does not work I can just ask for a browser update.
X E.

 

[JosiahMaybe]

I found that jQuery is like just for current browsers so like element.addEventListener is like more reliable.

Browser Support | jQuery

jQuery: The Write Less, Do More, JavaScript Library

jquery.com

element.addEventListener works with almost all browsers, excepting internet explorer before 9.
Internet Explorer is deprecated and out of production now so according to like my research, use element.addEventListener.
There is also option of using HTML.
For browser support of getElementById and element.addEventListener, I found these.

HTML DOM Document getElementById() Method

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

EventTarget: addEventListener() method - Web APIs | MDN

The addEventListener() method of the EventTarget interface sets up a function that will be called whenever the specified event is delivered to the target.

developer.mozilla.org

These have compatibility near bottom.
Anyway, like my answer is use getElementById and addEventListener as these are supported further back with time and are standard.
Maybe this helps someone other than just me.
X E.