WebDev

Создайте 2 класса: с фоном и без. По умолчанию дайте всем li класс с исходным фоном.
Допустим такие классы

.default-bg{}
.active-bg{}

Теперь пишите так:

$('li').on('click', function() {
   $(this).addClass('active-bg').siblings().removeClass('active-bg');
});

То есть при клике добавить элементу, на который кликнули класс active-bg, а у всех остальных удалить.

Все эти методы не подходят, если при нажатии на кнопку "сохранить", вы редиректите на другую страницу. Самый правильный вариант - отправлять запрос не сразу после нажатия клавиши, а спустя какое-то время. Некий таймер, который обнуляется, если пользователь продолжает вводить текст. Обычно такой метод называется "debounce", и уже реализован в разных библиотеках, например в underscrore
Если подключать библиотеку не хочется, то можно написать самому, примерно так:

function debounce(method, timeout) {
        clearTimeout(method._tId);
        method._tId = setTimeout(function(){
            method();
        }, timeout);
    }       }, timeout);
}

Описываем нужный метод:

function checkTitle() {
 //Код проверки
}

И вешаем его на событие:

$('input').on('keyup', function() {
   debounce(checkTitle, 1000);
});

В итоге, если после ввода последнего символа прошла секунда и пользователь больше ничего не ввел, вызовется метод checkTitle()

Не нужен вам if-else

<div class="switch">
<?php $checked = $item['value'] == 0 ? '' : 'checked'  ?>
<input type="checkbox"  name="<?php echo $item['eng_name']; ?>" value="<?php echo $item['value']; ?>" <?= $checked ?>>
 <label ></label>
 </div>

Подключить скрипт после jquery и bootstrap по условию

return. Ваш код можно упростить:

function exists() {
       return $('.nav-link button').hasClass('close');
  }

У каждой социальной сети после авторизации есть уникальный id. Его нужно поместить в таблицу с пользователями. Также записываем в отдельное поле название соц сети. У меня, например, это поля social_id и provider.

$('el').offset().top

$('#btn-yes').on('click', function() {
    $('form').submit();
});

Ну вы когда меню сверстаете, у вас основной пункт и стрелочка - это ведь разные элементы? Вот и вешаете разные обработчики: при клике на первый пункт - инфа, при клике на стрелочку - подпункты.

Ну вот могу вам рабочий код проекта скинуть. Все работает.

function formatState (state) {
            if (!state.id) { 
                return state.text; 
            }

            var $state = $(
                '<span>' + state.text + '</span>'
            );
            return $state;
        };

$('select[name="projects[]"]').select2({
                ajax: {
                    url: "/manager/project/find-projects",
                    dataType: 'json',
                    type : 'POST',
                    delay: 250,
                    data: function (params) {
                        return {
                            q: params.term,
                        };
                    },
                    processResults: function (data, page) {
                        return {
                            results: data
                        };
                    },
                    cache: true
                },
                initSelection: function(element, callback) {
                    var array = [];
                    $(element).find('option:selected').each(function() {
                        var obj = {id : $(this).val(), name : $(this).text()};
                        array.push(obj);
                    });
                    callback(array);
                },
                escapeMarkup: function (markup) { return markup; },
                minimumInputLength: 1,
                templateResult: formatState,
                templateSelection: formatState
        });

Аяксом нельзя грузить данные с других доменов. Для этого нужно выставить заголовок Access-Control-Allow-Origin на домене, на который вы посылаете запрос.

getbootstrap.com/javascript/#scrollspy

через $(this) надо обращаться к атрибуту
console.log($(this).attr('data-item'));

Если стили поменять то лучше toggleClass(), если какое то действие, то вешайте событие, и каждый раз устанавливайте какой-нибудь data атрибут, и каждый раз при событии проверяйте его значение, на основании которого и делайте какое-то действие.
Например:

$('a').on('click', function(){
  if ($(this).attr('data-toggle')) {
     console.log('Второй клик');
    $(this).removeAttr('data-toggle');
  } else {
     console.log('Первый клик');
     $(this).attr('data-toggle', 1);
  }

  
});

$('section').each(function() {
    var count = $(this).find('li').length;
    if (count > 4) {
        var filter_trigger = $(this).find('.filter-height-trigger');
        filter_trigger.show();
        //дальнейшие операции над filter_trigger
    }
});

Ну логика примерно такая: считаете отступ вашего блока $('#block').offset().top, и вешаете событие на скролл, в котором проверяете, на сколько была прокручена страница, и если этот показатель находится в +-20 пикселях от вашего блока, то прокручиваем к нему.

В современных версия jquery так, как сказал Алексей Уколов , в старых $('#listClients button').live('click', function(){})

Тип укажите.

function znach(param) {
$.ajax({
url: 'zapmap.php',
type : 'POST',
data: param,
dataType: 'json'
})

Код дальше выполняться не будет, ничего не возвращает

jsfiddle.net/ke6onghy/5