Аналогия методов jQuery с JavaScript

$('<div/>');

document.createElement('tag');

$(obj);$('#id');

document.querySelector(obj); 
или 
document.querySelectorAll(obj);
или
document.getElementById('id');

$(obj).remove();

obj.remove();

$(obj).find(selector);

obj.querySelectorAll(selector);

$(obj).clone();

obj.cloneNode(true);

$(obj).hide();

obj.style.display='none';

$(obj).show();

obj.style.display='';

 $(obj).parent();

obj.parentElement;
или 
obj.parentNode;

$(obj).children();

obj.children;
obj.firstElementChild;
obj.children[0];
obj.lastElementChild;

 $(obj).next();

obj.nextElementSibling;

 $(obj).prev();

obj.previousElementSibling; 

 $(obj).addClass('className');

obj.classList.add('className');

$(obj).attr('class','className');

obj.classList.replace('className');

$(obj).removeClass('className'); 
$(obj).removeClass();

obj.classList.remove('className'); 
obj.removeAttribute('class');

$(obj).attr('class');

obj.getAttribute('class');

$(obj).hasClass('className');

obj.classList.contains('className');

$(obj).toggleClass('className');

obj.classList.toggle('className');

$(obj).attr('style','color: #fff');

obj.setAttribute('style','color: #fff');

obj.setAttribute('style','color: #fff');

obj.removeAttribute('style');

 obj.remove();

obj.textContent;

$(obj).text('newText');

 language="js"]$(obj).text('newText');

$(obj).attr('value');

obj.getAttribute('value');

$(obj).width();
$(obj).height();

obj.scrollWidth; 
obj.scrollHeight;

$(obj).before(text);
$(obj).after(text);
$(parentEl).prepend(obj);
$(parentEl).append(obj);

obj.before(text);
obj.after(text);
obj.prepend(text);
obj.append(text);

$(obj).html();

obj.innerHTML

 $(obj).html('newHTML');

obj.innerHTML='newHTML';

$(obj).before(html);
$(obj).after(html);
$(parentEl).prepend(obj);
$(parentEl).append(obj);

obj.insertAdjacentHTML('beforebegin',html);
obj.insertAdjacentHTML('afterend',html);
obj.insertAdjacentHTML('afterbegin',html);
obj.insertAdjacentHTML('beforeend',html);

$(obj).replaceWith(newHTML);

obj.outerHTML='newHTML';

$(obj).css('propertyName');

obj.getComputedStyle(obj)['propertyName']

$(obj).css('font-size', '24px');

obj.style.fontSize='24px';

$(obj).val();

obj.value

$(obj).val('newValue');

obj.value='newValue';

$(selector).each(function(index,el){
 // your code 
});

var mas=document.querySelectorAll(obj);
mas.forEach(function(el, index){
// your code 
});

$(obj).wrap('<div class="elWrapper"></div>');

tag= document.querySelector(obj).innerHTML;
newTag='<span id="">'+tag+'</span>';
document.querySelector(obj).outerHTML=newTag;

$(obj).unwrap();

wrapperEl=document.querySelector(obj);
while(wrapperEl.firstChild){
wrapperEl.before(wrapperEl.firstChild);
}
wrapperEl.remove();

jQuery(function($){
//code
});

 document.addEventListener(
'DOMContentLoaded',()=>{
//code
});

 $(obj).on('eventName',()=>{
//code
});

 obj.addEventListener('eventName',()=>{
//code 
});

$(window).resize(function(){
//code
});

window.addEventListener(
'resize',()=>{
//code
});