Wrapper around NodeList to easily implement a jQuery-like API in a minimal way

demo.html

<script type="module">
    import $ from './dollar.js';
    
    $('a').on('click', (e) => {
        e.preventDefault();
        console.log(e.currentTarget);
        alert('ello');
    });
</script>

dollar.js

export default (function () {
    class $NodeList {
        constructor (node_list) {
            this.node_list = node_list;
        }

        on (event_name, event_handler) {
            // Attach an event listener to each node of the NodeList
            for (let node of this)
                node.addEventListener(event_name, event_handler);
            return this;
        }

        [Symbol.iterator] () {
            return this.node_list[Symbol.iterator]();
        }

        first () {
            return this.get(0);
        }

        get (index) {
            return this.node_list[index];
        }
    }

    return (selector) => {
        if (selector === document)
            return new $NodeList([document]);
        return new $NodeList(document.querySelectorAll(selector));
    }
}());