Vanilla JS equivalents of jQuery methods

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') ```
`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($(' '))	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`

octokas/README.md

No results found