Вступ до методів jQuery

Якщо ви здивовані словом jQuery, дозвольте мені спочатку пояснити вам, що таке jQuery. jQuery - одна з найпопулярніших бібліотек javascript для створення веб-сайтів або веб-додатків. Він спеціально розроблений для вирішення html маніпуляції з деревом dom та обробки подій, а також обходу html дерева дерева, переходу css та анімації css з підтримкою обробки ajax. Він також є відкритим кодом та безкоштовний за ліцензією gnu. У цій темі ми дізнаємось про методи jQuery.

jQuery дуже легко вивчити, оскільки це спрощує програмування javascript. JQuery сумісний із css3, сумісністю між веб-браузерами і має дуже низьку легку площу. Словом, можна сказати, що jQuery змінив шлях для розробників, які раніше писали свій тривалий код у JavaScript. jQuery надає інший метод маніпуляції з домом, поперечної m, обробкою подіями або запусками подій, маніпулюванням атрибутами, маніпуляцією з розмірами, маніпуляцією css та анімацією.

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

Тут ми будемо вивчати різні типи методів jQuery, наведені нижче

1) Маніпуляція з домом

Що б ми не використовували ці методи, врешті-решт, ми зосереджуємось на зміні подій дому. Іншими словами, ми можемо сказати, що за допомогою цих методів ми маніпулюємо домом. Деякі з методів jQuery маніпуляції з домом:

  • addClass (): у набір відповідних елементів він додає вказаний клас або класи кожному елементу.
  • after (): У набір відповідних елементів вставляйте дані чи вміст, визначені параметром після кожного тегу елементів.
  • append (): Коротше кажучи, ми можемо сказати, використовуючи цей метод, ми вставляємо дані чи вміст у конкретний елемент.
  • attr (): Цей метод дає значення атрибуту конкретного елемента.
  • до (): За допомогою цього методу ми можемо вставити будь-які дані або вміст перед кожним заданим елементом.
  • clone (): За допомогою цього методу ми глибоко копіюємо елемент, що отримується.
  • css (): За допомогою цього методу ми змінюємо css зазначеного елемента.
  • detach (): За допомогою цього методу ми просто видаляємо вказаний елемент з дерева dom.
  • hasClass (): За допомогою цього методу ми знаходимо вказаний клас, приєднаний до конкретного елемента.
  • empty (): Цей метод видаляє всі дочірні вузли, приєднані до конкретного дерева dom елемента.
  • висота (): Цей метод дає значення висоти зазначеного елемента.
  • offset (): Цей метод встановлює координату зазначеного елемента відносно документа.
  • position (): Цей метод отримує поточне положення зазначеного елемента відносно його батьківського елемента.
  • prop (): Цей метод дає значення поточно вибраному властивості елемента.
  • substituAll (): Цей метод замінює весь цільовий елемент вказаним елементом.
  • text (): Цей метод встановлює або отримує значення текстового рядка зазначених елементів.
  • Val (): Цей метод дає поточне значення перших заданих елементів.
  • width (): Цей метод дає обчислене значення ширини зазначених елементів.
  • wrap (): Цей метод обертає конкретну структуру HTML навколо кожного елемента в наборах заданих елементів.
  • wrapInner (): Цей метод обертає структуру html навколо вмісту кожного зазначеного елемента.

2) Проїзд

Цей метод допомагає нам переходити від одного елемента dom до інших елементів dom, слідуючи ієрархії батько-дитина. Деякі з методів переходу:

  • add (): Цей метод створює новий об’єкт jQuery і додає його до зазначених елементів.
  • addBack (): Цей метод додає попередній набір елемента jQuery до поточного елемента стека.
  • діти (): ці методи знаходять дочірній елемент кожного зазначеного елемента.
  • найближчий (): Цей метод знаходить елемент, який відповідає першому селектору.
  • content (): Цей метод знаходить вміст зазначеного елемента, включаючи вузли коментарів та текст обидва.
  • every (): Цей метод повторюється через цикл, що означає, що цей метод буде застосовано до всіх зазначених елементів, що відносяться до нього.
  • end (): Цей метод закінчує останню задачу фільтрації і повертає відповідний елемент до попереднього стану.
  • eq (): Цей метод зменшує набір вказаного елемента до одиниці у вказаному індексі.
  • filter (): Цей метод дає вказаний елемент на основі фільтра, який ми надаємо.
  • first (): Цей метод дає вказаний елемент на основі вибраного вами селектора.
  • має (): Цей метод дає набір заданого елемента або селектора.
  • map (): Цей метод повертає нове значення об'єкта jQuery на основі функції, що передається через кожен елемент.
  • next (): Цей метод негайно дає наступний брат певного вибраного елемента.
  • parent (): Цей метод дає батькові вибір зазначеного елемента.
  • prev (): Цей метод забезпечує негайне попереднє побратимство заданих на даний момент елементів.

3) Запуск події

За допомогою цього методу ми реєструємо зміни в маніпуляції з dom, які набудуть чинності при взаємодії з браузером. Деякі з методів обробки jQuery події:

  • bind (): Цей метод приєднує обробку події до вказаного елемента.
  • blur (): Цей метод прив'язує подію JavaScript розмиття до вказаного елемента.
  • change (): ця подія пов'язує вказаний елемент із елементом javascript зміни.
  • click (): Цей метод прив'язує подію javascript для клацання із вказаним елементом.
  • delegate (): Цей метод приєднує одну або кілька подій до визначеного набору елемента.
  • die (): Цей метод видаляє будь-який вид обробки подій javascript, приєднаний до набору вказаного елемента.
  • error (): Цей метод приєднує обробку події помилки до заданого набору елемента.
  • focus (): Ці методи пов'язують обробку події фокусування з заданим набором елемента.
  • hover (): Цей метод пов'язує обробку події hover із заданим набором елемента.

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

Рекомендовані статті

Це посібник із методів jQuery. Тут ми обговорили різні типи методів jQuery, такі як методи маніпуляції з домом, методи переходу та події тощо. Ви також можете переглянути наступну статтю, щоб дізнатися більше -

  1. Як встановити Jquery?
  2. Що таке jQuery?
  3. Що таке PostgreSQL?
  4. Інструменти управління SQL
  5. jQuery querySelector
  6. Посібник з прикладів панелі просування JQuery

Категорія:

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