【JavaScript】jQueryっぽく使う

appendTo

if(Element.prototype.appendTo === undefined){
    Element.prototype.appendTo = function(el){
        document.querySelector(el).appendChild(this);
    };
}

prependChild

if(Element.prototype.prependChild === undefined){
    Element.prototype.prependChild = function(el){
        this.insertBefore(el, this.firstChild)
    };
}

parent

if(Element.prototype.parent === undefined){
    Element.prototype.parent = function(){
        return this.parentNode;
    };
}

eq

if(Element.prototype.eq === undefined){
    Element.prototype.eq = function(n){
        return this[n];
    };
}

matches

if (!Element.prototype.matches){
    Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
}

closest

if (!Element.prototype.closest) {
    Element.prototype.closest = function(s) {
        var el = this;
        if (!document.documentElement.contains(el)) return null;
        do {
            if (el.matches(s)) return el;
            el = el.parentElement || el.parentNode;
        } while (el !== null && el.nodeType === 1);
        return null;
    };
}

position

if (!Element.prototype.position) {
    Element.prototype.position = function(s) {
        var el = this;
        return {
            left: el.offsetLeft,
            top: el.offsetTop
        };
    };
}

addClass

if (!Element.prototype.addClass) {
    Element.prototype.addClass = function(str) {
        var el = this;
        el.classList.add(str);
    };
}