jQuery vs. Vanilla JS
Updated at 2014-10-27 13:15
Always consider if you really need jQuery. Everything used here works in IE9, Chrome, Firefox and on all major mobile browsers. Sadly, sometimes you end up using a JavaScript library that requires jQuery.
Document ready.
document.addEventListener('DOMContentLoaded', function () {
console.log('Hello');
});
Selectors.
// First found element.
var lochNess = document.querySelector('.monsters');
console.log(lochNess.textContent);
// All found elements.
var monsters = document.querySelectorAll('.monsters');
for (var i = 0; i < monsters.length; i++) {
console.log(monsters[i].innerHTML);
}
Listening to events.
btn[1].addEventListener('click', function () {
list.removeEventListener('mouseover', enlarge);
});
btn[1].dispatchEvent('click');