This is kind of an edge case, but… what if you wanted to get the first element in the DOM that had one of two or more selectors? What if you wanted to get all elements that had one of several selectors?
You can—quite easily—with the vanilla JS
To make it work, pass in your desired selectors separated with a comma, all within quotes as a single argument.
// Gets the first element in the DOM that has either // the #vegetable ID or .fruit class document.querySelector('#vegetable, .fruit'); // Gets all elements that have the [data-vegetable] attribute // or the .fruit class document.querySelectorAll('[data-vegetable], .fruit');
I don’t use this often, but it’s super cool that I can!