Latest web development tutorials

Przykłady jQuery

Chcesz poprawić umiejętności jQuery?


selektor jQuery

$ (This) .hide ()

Demonstruje funkcję jQuery hide (), ukrywając aktualnego elementu HTML.

$ ( "P"). Hide ()

Demonstruje funkcję jQuery hide (), ukrywa wszystkie elementy <p>.

$ ( ". Test"). Ukryć ()

Demonstruje funkcję jQuery hide (), ukrywa wszystkie class = "test" element.

$ ( "Test #"). Ukryć ()

Demonstruje funkcję jQuery hide (), ukryć id = "test" element.


Zdarzenie jQuery

jQuery click ()
Demo jQuery jQuery click () zdarzenia.

jQuery dblclick natomiast ()
Demo jQuery dblclick natomiast () zdarzenia.

jQuery mouseenter ()
Demo jQuery mouseenter () zdarzenia.

jQuery mouseLeave ()
Demo jQuery mouseLeave () zdarzenia.

jQuery mouseDown ()
Demo jQuery mouseDown () zdarzenia.

jQuery mouseUp ()
Demo jQuery mouseUp () zdarzenia.

jQuery aktywowania ()
Demo aktywowanych jQuery () zdarzenia.

jQuery ostrości () i blur ()
Demo jQuery ostrości () i blur () zdarzenia.

Przykłady analityczne


jQuery Pokaż / Ukryj

jQuery hide ()
Metoda Demo jQuery hide ().

jQuery hide () i show ()
Demo jQuery hide () i metoda show ().

jQuery przełącznik ()
jQuery przełącznik () do przełączania hide () i metody show ().

jQuery hide ()
Dalsze przykłady ukrytego tekstu.

Przykłady analityczne


jQuery Fade

jQuery fadeIn ()
Metoda. Demo jQuery fadeIn ()

Fadeout jQuery ()
Metoda. Demo Fadeout jQuery ()

jQuery fadeToggle ()
Metoda. Demo jQuery fadeToggle ()

jQuery fadeTo ()
Metoda. Demo jQuery fadeTo ()

Przykłady analityczne


jQuery slajdów

jQuery slideDown ()
Metoda. Demo jQuery slideDown ()

jQuery slideUp ()
Metoda. Demo jQuery slideUp ()

jQuery slideToggle ()
Metoda. Demo jQuery slideToggle ()

Przykłady analityczne


animacja jQuery

jQuery animate ()
Metoda Demo proste jQuery animate ().

jQuery animate () - ustawić wiele właściwości CSS
Metoda Demo (), aby zmienić styl przez jQuery ożywionej.

jQuery animate () - wykorzystanie wartości korelacji
Pokazuje, jak używać wartości w metodzie jQuery animate ().

jQuery animate () - przy użyciu predefiniowanych wartości
Wykazanie predefiniowanym "Hide", "Show" wartości "Przełącz" animowania ().

jQuery animate ()
Demo Więcej jQuery animate () instancji metoda

jQuery animate ()
Demo Więcej jQuery animate () instancji metoda (multiple animate () callback).

Przykłady analityczne


Zatrzymaj animacje jQuery

przystanek jQuery () Zjeżdżalnia
Metoda Demo jQuery stop ().

przystanek jQuery () Anime (parametry)
Metoda Demo jQuery stop ().

Przykłady analityczne


jQuery HTML Get i mienia

Tekst jQuery () i html () - pobranie tekstu i treści
Użyj tekstu jQuery () i metody html (), aby uzyskać zawartość.

jQuery val () - Pobiera wartość
Użyj metody jQuery val (), aby uzyskać wartości pól formularza.

jQuery attr () - Pobiera wartość właściwość
Użyj metody jQuery attr (), aby uzyskać wartość nieruchomości.

Przykłady analityczne


partnerskiej oraz ustawienie właściwości jQuery HTML

Tekst jQuery (), html () , a val () - ustawia zawartość
Użyj jQuery tekst (), html () i metody val (), aby ustawić zawartość.

Tekst jQuery () i html () - określa zawartość i użyć funkcji zwrotnej
Korzystanie text () i HTML () ustalenie zawartości i użyć funkcji zwrotnej

jQuery attr () - aby ustawić wartości nieruchomości
Użyj metody jQuery attr (), aby ustawić wartości nieruchomości.

jQuery attr () - ustawić wiele wartości nieruchomości
Użyj metody jQuery attr (), aby ustawić wiele wartości nieruchomości.

jQuery attr () - aby ustawić wartości właściwości używając funkcji zwrotnej
+ I ustawić wartości nieruchomości przy użyciu attr wywołania funkcji callback ().

Przykłady analityczne


jQuery HTML, aby dodać elementy / treści

jQuery append ()
Na koniec dodaj zawartość wybranych pierwiastków

jQuery prepend ()
Na początku wybranych elementów dodaj zawartość

jQuery append () - wstawić wiele elementów
Innowacyjne nowe elementy text / html, jQuery i JavaScript / DOM. Dodanie nowego elementu w tekście.

jQuery po () i przed ()
Przed i po wybranym elemencie, aby dodać elementy HTML.

jQuery po () - wstawić wiele elementów
Innowacyjne nowe elementy text / html, jQuery i JavaScript / DOM. Na końcu wybranego elementu dodania nowych elementów.

Przykłady analityczne


elementy HTML jQuery są usuwane / treść

jQuery usunięcia ()
Usuń wybrany element

jQuery empty ()
Usuń wybrane elementy wszystkich elementów podrzędnych

jQuery usunięcia () - parametry
I wyjąć wkład filtra

Przykłady analityczne


jQuery get i set klas CSS

addClass jQuery ()
Dodaj inny atrybut klasy elementów

addClass jQuery () - więcej niż jedna klasa
Użyj metody addClass (), aby dodać wiele klas

jQuery removeClass ()
Usuwa określony element klasy

jQuery toggleClass ()
W wybranych elementów przełączających (dodaj / usuń) Klasa

Przykłady analityczne


Metoda jQuery css ()

jQuery css () - Zwraca właściwości CSS
Zwraca pierwszy odpowiadający elementem css wartości nieruchomości

jQuery css () - Ustaw właściwości CSS
Ustaw wszystkie elementy konfiguracyjne określone właściwości CSS

jQuery css () - Ustaw właściwości CSS
Wiele elementów dopasowania właściwości CSS

Przykłady analityczne


jQuery Wymiary

jQuery - zwraca szerokość i wysokość () ()
Zwraca szerokość i wysokość określonego elementu za

jQuery - zwraca innerWidth () i () innerHeight
Zwraca określonego elementu za wewnętrzną szerokość / wysokość

jQuery - zwraca outerWidth () i () outerHeight
Zwraca określonego elementu za zewnętrzną szerokość / wysokość

jQuery - zwraca outerWidth (true) i outerHeight (prawda)
Zwraca określonego elementu za zewnętrzną szerokość / wysokość (łącznie z ramki zewnętrznej)

jQuery - zwraca szerokość i wysokość () () dokumentu i okna
Zwraca dokument HTML, a szerokość i wysokość okna

jQuery - szerokość Ustawienia () i wysokość ()
Ustawianie elementu Szerokość i wysokość określona

Przykłady analityczne


jQuery przejścia - przodek

jQuery parent ()
Metoda Demo jQuery parent ().

Rodzice jQuery ()
Metoda Demonstracja rodzice jQuery ().

jQuery parentsUntil ()
Metoda. Demo jQuery parentsUntil ()

Przykłady analityczne


jQuery przejścia - potomstwo

jQuery dzieci ()
Metoda Demo dzieci jQuery ().

jQuery find ()
Metoda Demo jQuery find ().

Przykłady analityczne


jQuery przejścia - rodacy (rodzeństwo)

rodzeństwo jQuery ()
Metoda Demo rodzeństwa jQuery ().

jQuery next ()
Kolejna metoda Demo jQuery ().

jQuery nextAll ()
Metoda. Demo jQuery nextAll ()

jQuery nextUntil ()
Metoda. Demo jQuery nextUntil ()

Przykłady analityczne


Metoda load jQuery AJAX ()

Obciążenie jQuery ()
Asynchroniczne ładowanie zawartość pliku i umieszczony w elemencie <div>.

Obciążenie jQuery ()
Asynchroniczne zawartość pliku obciążenia określono zawartość elementu i wstawione do elementu <div>.

Obciążenie jQuery () - użyj funkcji zwrotnej (callback)
Użyj obciążenie jQuery () Metoda funkcji wywołania zwrotnego.

Przykłady analityczne


jQuery AJAX get () i po () metoda

jQuery get ()
Korzystanie $ .get () w celu pobrania danych z serwera asynchronicznie

jQuery post ()
Korzystanie z $ .post () w celu pobrania danych z serwera asynchronicznie

Przykłady analityczne