Полезные jQuery скрипты для Web-разработки — PROG-TIME

Полезные jQuery скрипты для Web-разработки

11.08.2021
Содержание:

Здесь я решил собрать короткие, но очень полезные скрипты на jQuery, которые я использую в своей работе. Это будет простая сборка скриптов, абсолютно разного назначения. Я буду использовать данную запись для себя, чтобы не потерять найденные или разработанные куски кода, которые мне могут пригодиться.

Запустить код после полной прогрузки страницы

$(document).ready(function() {
	// Ваш код
}); 

Проверить по какому элементу произошел клик

Этот кусок кода нужно запустить после полной прогрузки страницы, желательно обернуть его в событие ready

$(document).on('click', function(e) {console.log(e.target)});

Плавный скролл на верх страницы

Обычно я использую данный скрипт, для кнопки наверх, которая перебрасывает пользователя наверх сайта.

$('html').animate({ scrollTop: 0 }, 500);

Обработчики событий при наведение и отведение курсора с элемента

$(".obj")
 .mouseenter(function() {
    // навели курсор на объект (не учитываются переходы внутри элемента)
 })
 .mouseleave(function(){                 
    // отвели курсор с объекта (не учитываются переходы внутри элемента)
});

Проследить, изменился ли контент в конкретном элементе

$('#modef_num').bind("DOMSubtreeModified",function(){
    console.log('изменилось');
});
На этом всё!
Больше интересных статей в нашей группе - https://vk.com/progtime
Вы так же можете разместить свой вопрос на нашем форуме, где другие программисты смогут вам помочь в решение вашей задачи - https://vk.com/prog_time
Так же прокачивайте свои навыки на нашем канале - https://www.youtube.com/c/ProgTime
Наши планы
  • Написание материала для курса по разработке ботов на Telegram
  • Разработка универсального парсера на PHP

Поддержите мой сайт!

Каждый переведённый донат, мотивирует на создание новых записей и уроков на YouTube

Контакты для связи

Технология на prog-time
Telegram
https://t.me/prog_time_bot