colorkid

после 8-ой префиксы не нужны

Береем список детей у ноды и фильтруем его по наличию нужного класса

Array.from(container.childNodes).filter(function(child){
  return  child.classList && child.classList.contains('go')
})

Простейший:

var counter = 0;
function newDo(){
    var go = document.createElement('div');
    go.className = "go";
    container.insertBefore(go, container.firstChild);

    counter++;
    console.log(counter);
};

Но лучше конечно не вставлять элементы поштучно)

1. Знание css свойств для svg элементов
   
2. Знание атрибутов svg элементов
   
3. умение создания анимации на свг
   

document.referrer ?

У вас массив объектов, поэтому:

$('.jq').html("Name = " + jsondata[0].name + "Nickname = " + jsondata[0].price);

Понятное дело, что для вывода всех данных массива, потребуется цикл

Я понимаю, что jQuery был необходим тогда когда например не было в js document.queryselector("")

Ну а миллиона статей с названием «you might not need jquery» вы не заметили?:)

Неужели jQuery ограничивается DOM и AJAX?

Ну да. Когда-то этого хватало. Плюс, не забывайте, сейчас все еще можно столкнуться с поддержкой IE8 или еще какого бронтозавра, а там и querySelectorAll хиленький и AJAX через одно место делается.

Актуально ли сейчас изучения (сложно назвать это изучение, скорее чтение документации) jQuery?

Действительно, чего там учить-то? Заучивать смысла нет, а общий принцип вы уже ухватили. Но имейте ввиду, столкнуться с ней вам придется не раз: мегатонны легаси-кода и сотни плагинов это вам не кот начхал. Так что осведомленным быть придется.

Как то у вас прям все серьезно по коду, листенер даже пилите))
Ниже код который вернет список всех отмеченных полей, ну а дальше циклом бегайте по ним!

var listAllCheckedInputs = document.querySelectorAll("[name='infrastructure']:checked");