Ярослав IKARUS

В таком виде change срабатывает при клике на enter.
HTML:
<input id="foo" type="text" />
JS:

$(function () {
    $('#foo').on('change', function () {
        console.log('change');
    });
});

Если вам надо, чтобы проверка была при любом клике, то вот:

$(function () {
    $('#foo').on('keydown', function () {
        console.log('change');
    });
});

Попробуйте использовать jQuery-функцию attr() или js-нативные setAttribute() и classList.

Долго промучился с этой лабудой... В итоге смог это осилить путём:
.attr("class", "your classname")

Переходите на Ion.RangeSlider. Он поддерживает скины.

Никак.
Используйте png или svg

Все правильно пишут - включите Gzip. Проверить можно здесь:
www.whatsmyip.org/http-compression-test

"Фигачить в один файл" - нормальная практика. Разбивать можно по разделам, которые сильно отличаются по оформлению и по версиям для разных размеров экранов. Особенно если стили занимают значительную долю от общего объема.

138кб это нормально (если у вас не сайт-визитка).
Гугл рекомендует упаковывать все стили в один файл, чтобы было меньше http-запросов. Но если у вас странички грузятся долго, то имеет смысл вынести базовые стили в отдельный файл и грузить его первым. но гуглу это не нравится. компромиссный вариант - вынести базовые стили в тег style в начале страницы, но этот подход многие осуждают.

До мегабайта может доходить на крупных проектах. Не парьтесь. Минификация + gzip и все в шоколаде.