jQuery - intro

jQuery: open-source'owa biblioteka JavaScript, która upraszcza interakcję pomiędzy HTML i JavaScript. Napisana przez Johna Resiga w 2005 roku; pierwsze wydanie w styczniu 2006 roku. Zbudowana w celu uproszczenia istniejących interfejsów DOM i abstrakcyjnym usunięciu problemów z niekompatbilnością implemntacji css i js między przeglądarkami.

Podstawowa składnia

$(selector).action();
  1. znak $ : synonim jQuery
  2. (selector) : zapytanie zwracające listę elementów DOM
  3. action() : czynność do wykonania na wszystkich znalezionych elementach

Przykład 1: funkcja toggle()

Przykład 2: animate

Jestem div który mogę zmieniać.

rozszerzenia

Data

Przetestuj ten fragment kodu w Edge i Chrome.

Zrealizowane jako type = "date" bez jQuery

Zrealizowane jako type = "date" z jQuery

Zrealizowane jako type = "text" z jQuery

Tooltips

Najedź myszą na słowa "Tooltips" i "element" w następnej linijce:
Tooltips mogą być dołączone do każdego elementu.

Buttons

Grupa przycisków:

Accordion

Tab 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tab 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tab 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Inne możliwości

AJAX (Asynchronous JavaScript And XML) - teraz już raczej bez sensu (fetch).