Антон Усачев

Как вариант, привязаться к window.

$(window).on('mouseleave', function(e){
       if (e.clientY <= 0) {
           console.log('Куда собрался?');
       }
});

Говорят, что это не всегда срабатывает в некоторых версиях FF. Тогда можно привязаться к чему-то менее абстрактному на странице, что занимает 100% площади, например, wrapper.

$('#wrapper').on('mouseleave', function(e){
       if (e.clientY <= 0) {
           console.log('Куда собрался?');
       }
});

Обращение в функции идет к элементам с классом nav, так почему же класс active должен добавиться к элементу с классом nav__link?

<div id="wrap">

	<div class="nav">
		<a href="http://test.test/test.html" class="nav__link">LINK</a>
		<a href="" class="nav__link">LINK</a>
		<a href="" class="nav__link">LINK</a>
		<a href="" class="nav__link">LINK</a>
	</div>

</div>

$(function () {
	var loc = window.location.href;
	
	$('.nav__link').each(function () {
		var theHref = $(this).attr('href');
		
		if (theHref === loc) {
			$(this).addClass('active');
		}
	});
});

Jquery – это библиотека "write less do more" для javascript, создана специально для упрощения взаимодействия с DOM. Сейчас большинство "красивостей" делаются на css, а jquery, по сути, превратилась в инструмент манипуляции классами. Вот, примерчик набросал, меняются только классы, все анимации на чистом цсс:

Как-то так можно:

document.querySelectorAll('.search-settings__item').forEach(function(item) {
	let itemSting = item.textContent;
	let noDotsString = itemSting.replace(/\./g,' ');

	item.textContent = noDotsString;
});

Есть хак для большинства браузеров, убирающий разного рода размытости. Хотя в твоем случае я не увидел шлейфа.

html,
body {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
    -webkit-overflow-scrolling: touch;
}

* {
    backface-visibility: hidden;
    // не забывай в дальнейшем отменять данное свойство для конкретных блоков, если нужно видеть обратную сторону при трансформациях.
}

Можно поиграться с white-space или лучше даже width: min/max-content. min/max-content

$('.tab_item').eq(1).next().find('p').equalHeights();

<code lang="css">
@media only screen and (max-height : 768px){}
</code>

Считается высота окна браузера.