obsidian/Веб/Клиент-сервер/JQuery.md

• JS-библиотека, предназначенная для разработки DHTML и AJAX-приложений
• Упрощает доступ к элементам DOM с помощью кучи разных способов
• Упрощает и унифицирует реализацию AJAX
• Упрощает добавление визуальных эффектов
• Ключевым элементов API является функция(объект) $

Пример AJAX-запроса

$.ajax({
	type: "POST",
	url: "some.php",
	data: {name: "JOHN", location: "London"},
	success: function(msg) {
		// логика
	}
});

Взаимодействие с DOM

$("div.test")
	.add("p.quote")
	.addClass("blue")
	.slideDown("slow");

$("a"),click(function() {
	alert("Hello");
});

$("div.demo-container").html("<p>New content</p>");

Работа с событиями

$("#foo").bind("mouseenter mouseleave", function() {
	$(this).toggleClass("entered");
});

Подключение

Через CDN

<!-- Подключение актуальной версии jQuery через CDN Google -->
<script src="https://googleapis.com"></script>

Локально

<!-- Подключение локального файла jQuery -->
<script src="js/jquery-3.7.1.min.js"></script>

Почему устарел

• JS эволюционировал: добавили document.querySelector (написано в заметке про DOM), добавили Fetch API
• Смена парадигмы: императивный стиль -> декларативный (в современных React, Vue, Angular)