<span id='icon' data-src='../image.png'></span>
#icon { content: url(data-src); /* ... */ }
$('#icon').data('../baz.png');
$('style').text('#icon:before { content: url(baz.png); }').appendTo('body')
В нативном Javascript есть метод elem.classList.contains("test-class"), который возвращает true/false в зависимости от того, есть ли класс ("test-class") у элемента (elem) ИЛИ его потомков.
document.addEventListener('DOMContentLoaded', function(){
// весь ваш код тут
}, false);
Второй вариант, который рекомендует тот же Google, это разместить все JS-скрипты в конце документа. Например, перед закрывающим тегом </body>