Vanilla JS equivalents of jQuery methods

gistfile1.md

jQuery	Vanilla
```javascript $(document).ready(function() { // code }) ```	```javascript document.addEventListener('DOMContentLoaded', function() { // code }) ```
```javascript var divs = $('div') ```	```javascript var divs = document.querySelectorAll('div') ```
```javascript var newDiv = $(' ') ```	```javascript var newDiv = document.createElement('div') ```
```javascript newDiv.addClass('foo') ```	```javascript newDiv.classList.add('foo') ```
```javascript newDiv.toggleClass('foo') ```	```javascript newDiv.classList.toggle('foo') ```
`$('a').click(function() { // code… })`	`[].forEach.call(document.querySelectorAll('a'), function(el) { el.addEventListener('click', function() { // code… }) })` ```
```javascript $('body').append($(' ')) ```	```javascript document.body.appendChild(document.createElement('p')) ```
```javascript $('img').filter(':first').attr('alt', 'My image') ```	```javascript document.querySelector('img').setAttribute('alt', 'My image') ```
```javascript var parent = $('#about').parent() ```	```javascript var parent = document.getElementById('about').parentNode ```
```javascript var clonedElement = $('#about').clone() ```	```javascript var clonedElement = document.getElementById('about').cloneNode(true) ```
```javascript $('#wrap').empty() ```	```javascript var wrap = document.getElementById('wrap') while(wrap.firstChild) wrap.removeChild(wrap.firstChild) ```
```javascript if($('#wrap').is(':empty')) ```	```javascript if(!document.getElementById('wrap').hasChildNodes()) ```
```javascript var nextElement = $('#wrap').next() ```	```javascript var nextElement = document.getElementById('wrap').nextSibling ```

Thanks for the great resource!

For the following:

// jQuery
$('#wrap').empty()

// Vanilla
var wrap = document.getElementById('wrap')
while(wrap.firstChild) wrap.removeChild(wrap.firstChild)

Why not wrap.innerHTML = '' or similar?
The while loop poses a problem if you are, e.g., ensuring that data refreshes probably -- since it will clear out anything you subsequently put into the element.