$(document).ready(function() {
  // code
})

document.addEventListener('DOMContentLoaded', function() {
  // code
})

var divs = $('div')

var divs = document.querySelectorAll('div')

var newDiv = $('<div/>')

var newDiv = document.createElement('div')

newDiv.addClass('foo')

newDiv.classList.add('foo')

newDiv.toggleClass('foo')

newDiv.classList.toggle('foo')

$('a').click(function() {
  // code…
})

[].forEach.call(document.querySelectorAll('a'), function(el) {
  el.addEventListener('click', function() {
    // code…
  })
})

$('body').append($('<p/>'))

document.body.appendChild(document.createElement('p'))

$('img').filter(':first').attr('alt', 'My image')

document.querySelector('img').setAttribute('alt', 'My image')

var parent = $('#about').parent()

var parent = document.getElementById('about').parentNode

var clonedElement = $('#about').clone()

var clonedElement = document.getElementById('about').cloneNode(true)

$('#wrap').empty()

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

if($('#wrap').is(':empty'))

if(!document.getElementById('wrap').hasChildNodes())

var nextElement = $('#wrap').next()

var nextElement = document.getElementById('wrap').nextSibling