Алексей Уколов

Цвет прелоадера зависит вот от этого правила:

#spinner:before {
    border-top-color: #e1472f;
    border-left-color: #e1472f;
    border-right-color: #e1472f;
}

P.S. Через js вы его не сможете установить, потому что :before - это ShadowDOM, а вот через css вполне.

Дубль два: getCurrentPosition() и getJSON() — асинхронные методы.
$('.section').html(html); выполняется до того, как получен ответ от сервера. Этот ответ, соответственно, просто игнорируется. Как решить проблему я вам написал в прошлом вопросе.

Метод navigator.geolocation.getCurrentPosition() является асинхронным. Это значит, что в момент заполнения html значения ещё могут быть не получены. Должно быть так:

$(document).ready(function() {
  setLocation();  
});

function setLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position) {
      $('.section').html('<p>Latitude: ' + position.coords.latitude; + '</p><br><p>Longitude: ' + position.coords.longitude + '</p>');
    });
  };
}

const maxId = arr.reduce((max, item) => item.id > max ? item.id : max, 0);

Вы сейчас на каждой итерации перезаписываете содержимое. Нужно добавлять:

document.getElementsByClassName('rez')[0].innerHTML += rez;

Если цикл выполняется несколько раз или в элементе есть ещё какое-то содержимое, от которого нужно избавиться, то до цикла нужно его очистить:

document.getElementsByClassName('rez')[0].innerHTML = '';

P.S. Если вам не нужно поддерживать уж совсем древние браузеры, то проще искать элемент так:
document.querySelector('.rez').innerHTML = '';

Метод getElementsByClassName возвращает коллекцию элементов, а вы пытаетесь работать с ней как с единственным элементом. document.querySelector('.woof_select_product_cat') спасёт отца русской демократии.

Нет, это невозможно.

function myHash(list) {
  var result = {};

  for (var i = 0; i < list.length; i++) {
    result[list[i][0]] = list[i][1];
  }

  return result;
}

console.log(myHash([['foo', 'bar'], ['baz', 42], [true, false]]));

underscorejs.org/docs/underscore.html#section-66

Или вот так:

var list = [['foo', 'bar'], ['baz', 42], [true, false]];

var result = list.reduce(function (obj, item) {
  obj[item[0]] = item[1];
  return obj;
}, {});

console.log(result);

Как вернуть ответ из XMLHttpRequest?

Можно. Вы как-то неправильно используете эти внешние функции, но без кода ничего конкретного сказать нельзя.

Никак, псевдоэлементы недоступны из js. Но в качестве контента в них можно использовать атрибуты родительского элемента, которые через js менять можно.

Замечательный селектор :contains у jquery не хочет хавать переменную, только конкретный текст, а как еще можно?

Очевидно, вы пытаетесь накормить его через какое-то неправильное отверстие. Покажите код.

Потому что o.innerHTML = x - это замена, а o.innerHTML += x - это добавление в конец. Подробнее ответить невозможно, потому что код не полный.

Нужно передавать саму функцию:
query(test)
А вы передаёте результат её выполнения (undefined в данном случае).

$pattern = new RegExp('\\[\\d{1,4}\\]', 'g');
https://developer.mozilla.org/ru/docs/Web/JavaScri...

P.S.

Литеральная запись обеспечивает компиляцию регулярного выражения при вычислении выражения. Используйте литеральную запись если регулярное выражение будет неизменным. Например, если вы используете литеральную запись для конструирования регулярного выражения, используемого в цикле, регулярное выражение не будет перекомпилироваться на каждой итерации.

constructor(title) {
    this.title = title;
    this.mainPage = this.mainPage.bind(this);
}

Как вернуть ответ из XMLHttpRequest?