RENOTES

Нет смысла подключать плагин на странице, где он не используется, поэтому перед вызовом функции плагина необходимо проверять на существование.

if (jQuery().pluginName) {
	// ваш код
}

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

Метод .hasClass() в jQuery возвращает true, если у блока есть искомый класс и false в противном случае.

Реализация довольно проста. При клике по ссылке в навигации блокируем стандартное действие браузера, берем атрибут href, ищем блок с этим ID и вычисляем высоту от начала страницы. Добавляем плавную анимацию. Ниже пример HTML и jQuery кода.

На многих сайтах в футере компании размещают надпись вида: Company Ⓒ 2010 - 2019. Естественно, текущий год обновляется не сразу или вовсе не обновляется.
Для решения этой проблемы можно использовить jQuery.

В данном примере всплывающее окно на сайте с баннером или текстом реализуется с использованием библиотеки jQuery и плагина jquery.cookie.js. Скачать исходники можно в заключении поста. На изображении ниже пример окна с рандомной картинкой.

Функция .detach() удаляет все выбранные элементы из DOM (указанный элемент и всех его потомков). В отличие от .remove() jQuery не удаляет информацию о элементе и поэтому он может быть восстановлен.

Метод .trigger() вызывает событие у выбранных элементов, что приводит к запуску обработчиков этого события и имеет два варианта использования:

.trigger(eventType, [extraParameters])

eventType — тип вызываемого события. Например "click", "resize" и.т.д. (список всех событий см. ниже).
extraParameters — массив дополнительных данных, передаваемых в обработчик.

Изменяем значение (value) checkbox с 0 на 1.

HTML:

<input type="checkbox" value="1" id="check" checked="checked" /> 
<input type="hidden" value="1" id="publish" name="publish" />

jQuery:

$('#check').on('change', function(){
	$('#publish').val(this.checked ? 1 : 0);
});

Самый простой способ прижать футер к низу страницы используя JavaScript. На самом деле все очень просто! Сразу скажу, что использую JQuery.

Табы используются не только в разработке front-end сайтов, но и при разработке web-интерфейсов, системных программах и во многих других IT-направлениях. Хочу поделиться простым jQuery-решением.