var request = new XMLHttpRequest();
request.open('GET', '/my/url', true);

request.onload = function() {
  if (this.status >= 200 && this.status < 400) {
    // درخواست موفق و نتیجه صحیح
    var data = JSON.parse(this.response);
  } else {
    // اتصال موفق ولی نتیجه با خطا
  }
};

request.onerror = function() {
  // مشکل اتصال به سرور
};

request.send();

$.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) {
    // درخواست موفق و نتیجه صحیح
    var resp = this.response;
  } else {
    // اتصال موفق ولی نتیجه با خطا

  }
};

request.onerror = function() {
  // مشکل اتصال به سرور
};

request.send();

$.ajax({
  type: 'GET',
  url: '/my/url',
  success: function(resp) {

  },
  error: function() {

  }
});

el.classList.add('show');
el.classList.remove('hide');

$(el).fadeIn();

el.classList.add('hide');
el.classList.remove('show');

$(el).fadeOut();

el.style.display = 'none';

$(el).hide();

el.classList.add(className);

$(el).addClass(className);

el.classList.remove(className);

$(el).removeClass(className);

el.classList.contains(className);

$(el).hasClass(className);

el.classList.toggle(className);

$(el).toggleClass(className);

target.insertAdjacentElement('beforebegin', element);

$(target).before(element);

target.insertAdjacentElement('afterend', element);

$(target).after(element);

parent.insertBefore(el, parent.firstChild);

$(parent).prepend(el);

parent.appendChild(el);

$(parent).append(el);

el.parentNode

$(el).parent();

el.children

$(el).children();

el.cloneNode(true);

$(el).clone();

el.parentNode.removeChild(el);

$(el).remove();

while(el.firstChild)
  el.removeChild(el.firstChild);

$(el).empty();

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

});

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

});

[...document.querySelectorAll(selector)].filter(filterFn);

$(selector).filter(filterFn);

el.querySelectorAll(selector);

$(el).find(selector);

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

$('.my #awesome selector');

el.getAttribute('tabindex');

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

el.setAttribute('tabindex', 3);

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

el.removeAttribute('tabindex');

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

el.innerHTML

$(el).html();

el.innerHTML = string;

$(el).html(string);

el.outerHTML

$(el).prop('outerHTML');

el.outerHTML = string;

$(el).replaceWith(string);

getComputedStyle(el)[ruleName];

$(el).css(ruleName);

el.style.borderWidth = '20px';

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

el.textContent

$(el).text();

el.textContent = string;

$(el).text(string);

parseFloat(getComputedStyle(el, null).width.replace("px", ""))

$(el).width();

function setWidth(el, val) {
    if (typeof val === "function") val = val();
    if (typeof val === "string") el.style.width = val;
    else el.style.width = val + "px";
}

setWidth(el, val);

$(el).width(val);

parseFloat(getComputedStyle(el, null).height.replace("px", ""));

$(el).height();

function setHeight(el, val) {
    if (typeof val === "function") val = val();
    if (typeof val === "string") el.style.height = val;
    else el.style.height = val + "px";
}

setHeight(el, val);

$(el).height(val);

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

$.contains(el, child);

!!el.querySelector(selector);

$(el).find(selector).length;

var matches = function(el, selector) {
  return (el.matches || el.matchesSelector || el.msMatchesSelector || el.mozMatchesSelector || el.webkitMatchesSelector || el.oMatchesSelector).call(el, selector);
};

matches(el, '.my-class');

$(el).is('.my-class');

function index(el) {
  if (!el) return -1;
  var i = 0;
  do {
    i++;
  } while (el = el.previousElementSibling);
  return i;
}

$(el).index();

array.indexOf(item);

$.inArray(item, array);

el === otherEl

$(el).is($(otherEl));

el.previousElementSibling

$(el).prev();

el.nextElementSibling

$(el).next();

var rect = el.getBoundingClientRect();

{
  top: rect.top + document.body.scrollTop,
  left: rect.left + document.body.scrollLeft
}

$(el).offset();

el.offsetParent || el

$(el).offsetParent();

el.offsetWidth

$(el).outerWidth();

el.offsetHeight

$(el).outerHeight();

function outerWidth(el) {
  var width = el.offsetWidth;
  var style = getComputedStyle(el);

  width += parseInt(style.marginLeft) + parseInt(style.marginRight);
  return width;
}

outerWidth(el);

$(el).outerWidth(true);

function outerHeight(el) {
  var height = el.offsetHeight;
  var style = getComputedStyle(el);

  height += parseInt(style.marginTop) + parseInt(style.marginBottom);
  return height;
}

outerHeight(el);

$(el).outerHeight(true);

{left: el.offsetLeft, top: el.offsetTop}

$(el).position();

el.getBoundingClientRect()

var offset = el.offset();

{
  top: offset.top - document.body.scrollTop,
  left: offset.left - document.body.scrollLeft
}

function ready(fn) {
  if (document.readyState != 'loading'){
    fn();
  } else {
    document.addEventListener('DOMContentLoaded', fn);
  }
}

$(document).ready(function(){

});

el.addEventListener(eventName, eventHandler);

$(el).on(eventName, eventHandler);

el.removeEventListener(eventName, eventHandler);

$(el).off(eventName, eventHandler);

document.addEventListener(eventName, function(e) {
    for (var target = e.target; target && target != this; target = target.parentNode) {
        if (target.matches(elementSelector)) {
            handler.call(target, e);
            break;
        }
    }
}, false);

$(document).on(eventName, elementSelector, handler);

if (window.CustomEvent && typeof window.CustomEvent === 'function') {
  var event = new CustomEvent('my-event', {detail: {some: 'data'}});
} else {
  var event = document.createEvent('CustomEvent');
  event.initCustomEvent('my-event', true, true, {some: 'data'});
}

el.dispatchEvent(event);

$(el).trigger('my-event', {some: 'data'});

array.forEach(function(item, i){

});

$.each(array, function(i, item){

});

fn.bind(context);

$.proxy(fn, context);

var extend = function(out) {
  out = out || {};

  for (var i = 1; i < arguments.length; i++) {
    if (!arguments[i])
      continue;

    for (var key in arguments[i]) {
      if (arguments[i].hasOwnProperty(key))
        out[key] = arguments[i][key];
    }
  }

  return out;
};

extend({}, objA, objB);

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

var deepExtend = function(out) {
  out = out || {};

  for (var i = 1; i < arguments.length; i++) {
    var obj = arguments[i];

    if (!obj)
      continue;

    for (var key in obj) {
      if (obj.hasOwnProperty(key)) {
        if (typeof obj[key] === 'object'){
          if(obj[key] instanceof Array == true)
            out[key] = obj[key].slice(0);
          else
            out[key] = deepExtend(out[key], obj[key]);
        }
        else
          out[key] = obj[key];
      }
    }
  }

  return out;
};

deepExtend({}, objA, objB);

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

Array.isArray(arr);

$.isArray(arr);

array.map(function(value, index){

});

$.map(array, function(value, index){

});

Date.now();

$.now();

var parseHTML = function(str) {
  var tmp = document.implementation.createHTMLDocument();
  tmp.body.innerHTML = str;
  return tmp.body.children;
};

parseHTML(htmlString);

$.parseHTML(htmlString);

JSON.parse(string);

$.parseJSON(string);

els.slice(begin, end);

$(els).slice(begin, end);

string.trim();

$.trim(string);

Object.prototype.toString.call(obj).replace(/^\[object (.+)\]$/, '$1').toLowerCase();

$.type(obj);