Cacher is the code snippet organizer for pro developers

Creating Elements
$('<div></div>');
VS
document.createElement('div');


Inserting Elements Before & After
$('#1').after('<div id="1.1"></div>'); // .before
VS
document.getElementById('1').insertAdjacentHTML('afterend', '<div id="1.1"></div>'); 
=> insertAdjacentHTML:
- beforebegin
- afterbegin
- beforeend


Adding & Removing CSS Classes
$('#foo').addClass('bold');
----------------------------------
$('#foo').removeClass('bold');
VS
  // All modern browsers, with the exception of IE9
document.getElementById('foo').classList.add('bold');
  // All browsers
document.getElementById('foo').className += 'bold';
----------------------------------
  // All modern browsers, with the exception of IE9
document.getElementById('foo').classList.remove('bold');
  // All browsers
document.getElementById('foo').className = 
    document.getElementById('foo').className.replace(/^bold$/, '');