Vlad

У вас в скрипте где-то указаны символы /#. Возможно, это должна быть строка, а вы их в строку не обернули.

Тема вордпресса как я понял? Там в этих темах и не такого насмотришься.

$('#select_input').on('click', function() {
    $('.fa').css(...);
});

Ну нет такой кнопки: "Сделай мне %work%".
Есть функции загрузки контента через Ajax, есть функции обработки нажатия на кнопку, есть функции показа и скрытия блоков.

Вон я вам сейчас наговнокодю, разбирайтесь.

$("#btn_id").on("click", function() {
    $( "div.content2" ).load( "test.html" );
});

Посмотрите в сторону плагина JQ Scrollspy. Он отслеживает, что вы в данный момент смотрите на странице, когда скроллите. Ну или его аналог.

Не вытеснит. Ибо создание сайтов такими девелоперами ограничивается этими самыми лэндинг-пэйджами и парой страниц. Более менее серьезный проект от требовательного заказчика сразу поставит в тупик такого гуру. Не говоря уже про простейший JS (вида показать-скрыть блок). А если попросят авторизацию - так вообще вилы. А что касается таких одностраничников, которые из коробки кроссбраузерные и респонзивные - тут да, можно и не учить ничего. Купил фреймворк и штампуй.