Введение в методы jQuery

Если вы удивлены словом jQuery, позвольте мне сначала объяснить вам, что такое jQuery. jQuery - одна из самых популярных библиотек JavaScript для создания веб-сайтов или веб-приложений. Он специально разработан для разрешения манипулирования html dom-деревом и обработки событий, а также для обхода html dom-дерева, перехода css и анимации css с поддержкой обработки ajax. Это также с открытым исходным кодом и бесплатно по лицензии GNU. В этой теме мы собираемся узнать о методах jQuery.

jQuery очень прост в освоении, поскольку он упрощает программирование на JavaScript. JQuery совместим с css3, совместим с различными браузерами и имеет очень малые размеры. Короче говоря, мы можем сказать, что jQuery изменил путь для разработчиков, которые раньше писали свой длинный код в javascript. jQuery предоставляет другой метод для манипуляций с dom, трансверсального m, обработки событий или запуска событий, манипулирования атрибутами, манипуляциями с размерами, манипуляциями css и анимациями.

Типы методов jQuery

Здесь мы собираемся изучить различные типы методов jQuery, приведенные ниже.

1) Дом Манипуляции

Что бы мы ни использовали эти методы, в конце концов, мы фокусируемся на изменении событий в домене. Другими словами, мы можем сказать, что используя эти методы, мы манипулируем dom. Вот некоторые из методов jQuery для манипуляций с домом:

  • addClass (): в наборе соответствующих элементов он добавляет указанный класс или классы к каждому элементу.
  • after (): в набор соответствующих элементов вставлять данные или содержимое, указанные параметром, после каждого тега элемента.
  • append (): Короче говоря, мы можем сказать, используя этот метод, мы вставляем данные или контент в конкретный элемент.
  • attr (): этот метод дает значение атрибута конкретного элемента.
  • before (): используя этот метод, мы можем вставить любые данные или содержимое перед каждым указанным элементом.
  • clone (): используя этот метод, мы копируем исходный элемент.
  • css (): используя этот метод, мы меняем css указанного элемента.
  • detach (): используя этот метод, мы просто удаляем указанный элемент из дерева dom.
  • hasClass (): Используя этот метод, мы находим указанный класс, прикрепленный к конкретному элементу.
  • empty (): Этот метод удаляет все дочерние узлы, прикрепленные к конкретному элементному дереву dom.
  • height (): этот метод дает значение высоты указанного элемента.
  • offset (): этот метод устанавливает координату указанного элемента относительно документа.
  • position (): этот метод получает текущую позицию указанного элемента относительно его родительского элемента.
  • prop (): этот метод возвращает значение выбранного в данный момент свойства элемента.
  • replaceAll (): этот метод заменяет весь целевой элемент указанным элементом.
  • text (): Этот метод устанавливает или получает значение текстовой строки указанных элементов.
  • Val (): этот метод дает текущее значение первых указанных элементов.
  • width (): этот метод дает вычисленное значение ширины указанных элементов.
  • wrap (): этот метод оборачивает конкретную структуру html вокруг каждого элемента в наборах указанных элементов.
  • wrapInner (): этот метод оборачивает структуру html вокруг содержимого каждого указанного элемента.

2) Обход

Этот метод помогает нам перемещаться от одного элемента dom к другим элементам dom, следуя иерархии родитель-потомок. Некоторые из методов обхода:

  • add (): этот метод создает новый объект jQuery и добавляет его к указанным элементам.
  • addBack (): этот метод добавляет предыдущий набор элементов jQuery к текущему элементу стека.
  • children (): эти методы находят дочерний элемент каждого указанного элемента.
  • closest (): этот метод находит элемент, который сначала соответствует селектору.
  • content (): этот метод находит содержимое указанного элемента, включая узлы комментариев и текст, оба.
  • each (): этот метод выполняет итерацию цикла, что означает, что этот метод будет применен ко всем указанным элементам, связанным с ним.
  • end (): этот метод завершает самую последнюю задачу фильтрации и возвращает соответствующий элемент в предыдущее состояние.
  • eq (): этот метод уменьшает набор указанного элемента до одного по указанному индексу.
  • filter (): этот метод дает указанный элемент на основе фильтра, который мы даем.
  • first (): этот метод дает указанный элемент на основе выбранного вами селектора.
  • has (): этот метод дает набор указанного элемента или селектора.
  • map (): этот метод возвращает новое значение объекта jQuery на основе функции, которая передается через каждый элемент.
  • next (): этот метод сразу дает следующий брат определенного выбранного элемента.
  • parent (): этот метод предоставляет родительский выбор указанного элемента.
  • prev (): Этот метод дает непосредственный предыдущий родственный элемент указанных в настоящее время элементов.

3) запуск события

Используя этот метод, мы регистрируем изменения в доменных манипуляциях, которые вступят в силу при взаимодействии с браузером. Вот некоторые из методов обработки событий jQuery:

  • bind (): этот метод присоединяет обработку события к указанному элементу.
  • blur (): этот метод связывает событие javascript размытия с указанным элементом.
  • change (): это событие связывает указанный элемент с элементом change javascript.
  • click (): этот метод привязывает событие JavaScript click к указанному элементу.
  • делегат (): этот метод присоединяет одно или несколько событий к указанному набору элемента.
  • die (): Этот метод удаляет любые виды обработки событий javascript, прикрепленные к набору указанного элемента.
  • error (): этот метод присоединяет обработку события ошибки к указанному набору элемента.
  • focus (): эти методы привязывают обработку события фокуса к указанному набору элемента.
  • hover (): этот метод привязывает обработку события hover к указанному набору элемента.

Ну, я попытался включить максимальное количество возможных методов jQuery в наш повседневный процесс разработки. Помимо этого, есть много других методов jQuery, которые необходимо изучить. Каждый день происходит некоторое развитие методов jQuery. Поэтому каждый раз, когда jQuery выпускает свою версию, они включают в себя несколько новых методов jQuery.

Рекомендуемые статьи

Это руководство по методам jQuery. Здесь мы обсудили различные типы JQuery-методов, такие как Dom Manipulation, Traversing и Event-Activation-методы и т. Д. Вы можете также посмотреть следующую статью, чтобы узнать больше -

  1. Как установить Jquery?
  2. Что такое jQuery?
  3. Что такое PostgreSQL?
  4. Инструменты управления SQL
  5. jQuery querySelector
  6. Руководство по JQuery Progress Bar Примеры

Категория:

Разработка программного обеспечения