Почему не срабатывает селектор jQuery?
 

Есть пустой блок для даты, которому в функции методом innerHTML() создаем содержимое:

<div class="date"></div>
<div id="date"></div>

Функция для вывода текущей даты и времени:

function getDate() {
	// $("#date").innerHTML=new Date().toTimeString();
    // document.getElementsByClassName("date").innerHTML=new Date().toTimeString();
    document.getElementById("date").innerHTML = new Date().toTimeString();
				
	}
setInterval(getDate, 1000);

Почему не срабатывает обращение по селектору jQuery и обращение через метод getElementsByClassName (закомментировано)?

Берем ваш код

<div id="date"></div>
<script>
function getDate() {
	// $("#date").innerHTML=new Date().toTimeString();
    // document.getElementsByClassName("date").innerHTML=new Date().toTimeString();
    document.getElementById("date").innerHTML = new Date().toTimeString();
				
	}
setInterval(getDate, 1000);

</script>

как видим все работает так
у вас же вы пытаетесь выполнить скрипт до появления дива на странице
оберните тогда код в

window.onload = function(){
/* здесь наш код */
};