Поскольку jQuery является расширяемым, существует множество бесплатных плагинов практически для любой функциональности, о которой вы только можете подумать.
Подключаемый модуль jQuery
Плагин jQuery — это просто новый метод, который мы используем для расширения объекта-прототипа jQuery.
Расширяя объект-прототип, вы позволяете всем объектам jQuery наследовать любые добавляемые вами методы. Как установлено, всякий раз, когда вы вызываете jQuery(), вы создаете новый объект jQuery со всеми унаследованными методами jQuery.
Базовое создание плагина
Я использую метод прототипа jQuery.fn для подключения собственных функций к jQuery в пространстве имен myBlog. давайте построчно
Строка 1: назначение функции $.fn в пространстве имен myBlog
Строка 2: вернуть функцию this.each
Типичный объект jQuery будет содержать ссылки на любое количество элементов DOM, поэтому объекты jQuery часто называют коллекциями. Если вы хотите выполнять какие-либо манипуляции с определенными элементами, вам нужно использовать .each() для перебора элементов.
Обратите внимание, что мы возвращаем результаты .each() вместо возврата this. Так как .each() уже является цепочкой, он возвращает this, который мы затем возвращаем.
Строка 5:типичный пример jQuery adClass. Я хочу выполнить какое-то задание, вот и все.
Строка 9–11: Вызов myBlog (новый плагин) внутри DOM Ready.
Список полезных плагинов jQuery
Пользовательский интерфейс jQuery — Пользовательский интерфейс jQuery
Пользовательский интерфейс jQuery — это тщательно отобранный набор взаимодействий, эффектов, виджетов и тем пользовательского интерфейса, созданный на основе библиотеки jQuery JavaScript.
Пользовательский интерфейс jQuery известен несколькими виджетами, такими как Datepicker, Tooltip Accordion и многими другими.
Официальный сайт: https://jqueryui.com
Пример скрипта: https://jsfiddle.net/dkarandana/6mgqk9ow/
JQuery Цикл 2
Cycle2 – это универсальный подключаемый модуль для слайд-шоу для jQuery, созданный с учетом простоты использования. Это слайд-шоу, удобное для мобильных и настольных компьютеров, создано с учетом простоты использования и декларативного API.
Официальный сайт: http://jquery.malsup.com/cycle2/
Гладкая карусель
Slick – это адаптивный подключаемый модуль jQuery для карусели, который поддерживает несколько точек останова, переходы CSS3, сенсорные события/перелистывание.
Официальный сайт: https://kenwheeler.github.io/slick/
Выберите2
Select2 — это замена полей выбора на основе jQuery. Он поддерживает поиск, удаленные наборы данных и бесконечную прокрутку результатов.
Официальный сайт: https://select2.org
Плагин проверки jQuery | Валидатор формы
Подключаемый модуль jQuery Validation обеспечивает встраиваемую проверку существующих форм, а также упрощает все виды настройки для соответствия вашему приложению.
Официальный сайт: https://jqueryvalidation.org
Пример скрипки: http://jsfiddle.net/dkarandana/8n47zy6x/
