# 原生替换jQuery方案列表

$(el).addClass(className);

el.classList.add(className);

$(el).text();

el.classList.contains(className);

$(el).removeClass(className);

el.classList.remove(className);

$(el).toggleClass(className);

el.classList.toggle(className);

$('.my #awesome selector');

document.querySelectorAll('.my #awesome selector');

$(el).children();

el.children

$(el).parent();

el.parentNode

$(el).prev();

el.previousElementSibling

$(el).next();

el.nextElementSibling

$(el).siblings();

Array.prototype.filter.call(el.parentNode.children, function(child){
  return child !== el;
});

$.contains(el, child);

el !== child && el.contains(child);

$(el).attr('tabindex');

el.getAttribute('tabindex');

$(el).attr('tabindex');

el.innerHTML

$(el).css(ruleName);

getComputedStyle(el)[ruleName];

$(el).text();

el.textContent

$(selector).filter(filterFn);

Array.prototype.filter.call(document.querySelectorAll(selector), filterFn);

$(el).after(htmlString);

el.insertAdjacentHTML('afterend', htmlString);

$(parent).append(el);

parent.appendChild(el);

$(el).before(htmlString);

el.insertAdjacentHTML('beforebegin', htmlString);

$(el).attr('tabindex', 3);

$(el).html(string);

el.innerHTML = string;

$(el).css('border-width', '20px');

el.style.borderWidth = '20px';

$(el).text(string);

$(el).remove();

el.parentNode.removeChild(el);

$(el).clone();

el.cloneNode(child);

$(selector).each(function(i, el){ });

var elements = document.querySelectorAll(selector);
Array.prototype.forEach.call(elements, function(el, i){ });

$.extend(true, {}, objA, objB);

function extend() {
     let name, options, copy, src
     let length = arguments.length
     let target = arguments[0] || {}
     for(let i=1; i<length; i++) {
        options = arguments[i]
        if(options != null) {
            for(name in options) {
                copy = options[name]
                src = target[name]
                if(copy && typeof copy == 'object') {
                    target[name] = extend(src, copy)
                } else if(copy != undefined) {
                    target[name] = copy
                }
            }
        }
     }
     return target
 }

$.getJSON('/my/url', function(data) { });

var request = new XMLHttpRequest();
request.open('GET', '/my/url', true);
request.onload = function() {
  if (this.status >= 200 && this.status < 400) {
    // Success!
    var data = JSON.parse(this.response);
  } else {
    // We reached our target server, but it returned an error
  }
};

request.onerror = function() {
  // There was a connection error of some sort
};
request.send();

element.insertAdjacentHTML(position, text);