Najnowsze tutoriale tworzenie stron internetowych
 

jQuery Przykłady


Chcesz rozwijać swoje umiejętności selektor jQuery?

Proszę wypróbować nasz jQuery Selector Tester


jQuery selektory

$("p").hide()
Demonstruje jQuery hide() metodę, ukrywając wszystkie <p> elementy.

$("#test").hide()
Demonstruje jQuery hide() metodę, ukrywanie elementu z id="test" .

$(".test").hide()
Demonstruje jQuery hide() metodę, ukrywając wszystkie elementy z class="test" .

$(this).hide()
Demonstruje jQuery hide() metodę, ukrywając aktualnego elementu HTML.

Przykłady przedstawione


jQuery Wydarzenia

jQuery click()
Demonstruje jQuery click() zdarzenie.

jQuery dblclick()
Demonstruje jQuery dblclick() zdarzenie.

jQuery mouseenter()
Demonstruje jQuery mouseenter() zdarzenie.

jQuery mouseleave()
Demonstruje jQuery mouseleave() zdarzenie.

jQuery mousedown()
Demonstruje jQuery mousedown() zdarzenie.

jQuery mouseup()
Demonstruje jQuery mouseup() zdarzenie.

jQuery hover()
Demonstruje jQuery hover() zdarzenie.

jQuery focus() i blur()
Demonstruje jQuery focus() i blur() wydarzeń.

Przykłady przedstawione


jQuery Pokaż / Ukryj

jQuery hide()
Demonstruje jQuery hide() metody.

jQuery hide() i show()
Demonstruje jQuery hide() i show() metod.

jQuery toggle()
jQuery toggle() przełącza pomiędzy hide() i show() .

jQuery hide()
Innym ukryj demonstracji. Jak ukryć części tekstu.

Przykłady przedstawione


jQuery Fade

jQuery fadeIn()
Demonstruje jQuery fadeIn() metody.

jQuery fadeOut()
Demonstruje jQuery fadeOut() metody.

jQuery fadeToggle()
Demonstruje jQuery fadeToggle() metody.

jQuery fadeTo()
Demonstruje jQuery fadeTo() metody.

Przykłady przedstawione


jQuery slajdów

jQuery slideDown()
Demonstruje jQuery slideDown() metody.

jQuery slideUp()
Demonstruje jQuery slideUp() metody.

jQuery slideToggle()
Demonstruje jQuery slideToggle() metody.

Przykłady przedstawione


jQuery Animacja

jQuery animate()
Demonstruje prostego korzystania z jQuery animate() metody.

jQuery animate() - manipulowanie wielu właściwości CSS
Pokazuje, że można manipulować wielu właściwości CSS z jQuery animate() metody.

jQuery animate() - za pomocą wartości względnych
Pokazuje, że można użyć wartości względne w jQuery animate() metody.

jQuery animate() - przy użyciu predefiniowanych wartości
Pokazuje, że można korzystać z predefiniowanych wartości z "hide", "show", "toggle" w jQuery animate() metody.

jQuery animate()
Demonstruje więcej pomocą jQuery animate() metodę (kilka animate() wywołuje jeden po drugim).

jQuery animate()
Demonstruje więcej pomocą jQuery animate() metodę (kilka animate() wywołuje jeden po drugim).

Przykłady przedstawione


Zatrzymaj animacje jQuery

jQuery stop() przesuwnych
Demonstruje jQuery stop() metody.

jQuery stop() animacja (z parametrami)
Demonstruje jQuery stop() metody.

Przykłady przedstawione


jQuery HTML Pobierz zawartość i atrybuty

jQuery text() i html() - Pobiera zawartość
Pobierz treść z jQuery text() i html() metody.

jQuery val() - Pobiera zawartość
Uzyskać wartość pola formularza z jQuery val() metody.

jQuery attr() - Pobiera wartość atrybutu
Uzyskać wartość atrybutu z jQuery attr() metody.

Przykłady przedstawione


jQuery HTML Set Zawartość i atrybuty

jQuery text() , html() i val() - Zestaw treści
Zestaw zadowoleni z jQuery text() , html() i val() metod.

jQuery text() i html() - Zestaw zadowolony z funkcji wywołania zwrotnego
Zestaw Zawartość + używając funkcji zwrotnej wewnątrz text() i html() .

jQuery attr() - Ustawić wartość atrybutu
Ustaw wartość atrybutu z jQuery attr() metody.

jQuery attr() - Zestaw wielu wartości atrybutów
Ustawić wiele wartości atrybutów z jQuery attr() metody.

jQuery attr() - Ustawić wartość atrybutu z funkcji zwrotnej
Ustaw wartość atrybutu + używając funkcji zwrotnej wewnątrz attr() .

Przykłady przedstawione


jQuery dodać elementy HTML / treść

jQuery append()
Wstawić zawartość na końcu wybranych elementów HTML.

jQuery prepend()
Wstaw zawartość na początku wybranych elementów HTML.

jQuery append() - wprowadzić kilka nowych elementów
Tworzenie nowych elementów z text / html, jQuery i JavaScript / DOM. Następnie dołączyć nowe elementy do tekstu.

jQuery after() , a before()
Wstaw zawartość przed i po wybranych elementów HTML.

jQuery after() - wprowadzić kilka nowych elementów
Tworzenie nowych elementów z text / html, jQuery i JavaScript / DOM. Następnie włóż nowe elementy po wybranym elemencie.

Przykłady przedstawione


jQuery usunąć elementy HTML / treść

jQuery remove()
Usunięcie wybranego element(s) .

jQuery empty()
Usuń wszystkie elementy podrzędne wybranego element(s) .

jQuery remove() - z parametrem
Filtr elementy mają być usunięte

Przykłady przedstawione


jQuery get i set klas CSS

jQuery addClass()
Dodaj atrybuty klasy z różnych elementów.

jQuery addClass() - Wiele klas
Określanie wielu klas w addClass() metody.

jQuery removeClass()
Usuń specyficzne atrybuty klasy z różnych elementów.

jQuery toggleClass()
Przełączać się między dodawania / usuwania zajęcia z wybranych elementów.

Przykłady przedstawione


jQuery css() Metoda

jQuery css() - powrót właściwości CSS
Zwraca wartość określonej właściwości CSS od pierwszego dopasowanego elementu.

jQuery css() - ustawia właściwość CSS
Ustaw określonej właściwości CSS dla wszystkich dopasowanych elementów.

jQuery css() - ustawia właściwości CSS
Ustawić wiele właściwości CSS dla wszystkich dopasowanych elementów.

Przykłady przedstawione


jQuery Wymiary

jQuery - powrót width() i height()
Zwraca szerokość i wysokość określonego elementu.

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

jQuery - zwraca outerWidth() i outerHeight()
Powrót zewnętrzną szerokość / wysokość określonego elementu.

jQuery - zwraca outerWidth (prawdziwy) i outerHeight (true)
Powrót zewnętrzną szerokość / wysokość (łącznie z marginesami) od określonego elementu.

jQuery - powrót width() i height() dokumentu i okna
Zwraca szerokość i wysokość dokumentu (dokument HTML) i okna (rzutni przeglądarka).

jQuery - zestaw width() i height()
Ustawia szerokość i wysokość określonego elementu.

Przykłady przedstawione


jQuery postępowe Przodkowie

jQuery parent()
Demonstruje jQuery parent() metody.

jQuery parents()
Demonstruje jQuery parents() metody.

jQuery parentsUntil()
Demonstruje jQuery parentsUntil() metody.

Przykłady przedstawione


Potomkowie jQuery postępowe

jQuery children()
Demonstruje jQuery children() metody.

jQuery find()
Demonstruje jQuery find() metody.

Przykłady przedstawione


jQuery przemieszczenia Rodzeństwo

jQuery siblings()
Demonstruje jQuery siblings() metody.

jQuery next()
Demonstruje jQuery next() metody.

jQuery nextAll()
Demonstruje jQuery nextAll() metody.

jQuery nextUntil()
Demonstruje jQuery nextUntil() metody.

Przykłady przedstawione


jQuery przemieszczenia Filtrowanie

jQuery first()
Demonstruje jQuery first() metody.

jQuery last()
Demonstruje jQuery last() metody.

jQuery eq()
Demonstruje jQuery eq() metody.

jQuery filter()
Demonstruje jQuery filter() metody.

jQuery not()
Demonstruje jQuery not() metody.

Przykłady przedstawione


jQuery AJAX load() Metoda

jQuery load()
Załaduj zawartość pliku do <div> elementu.

jQuery load()
Załaduj zawartość konkretnego elementu wewnątrz pliku, do <div> elementu.

jQuery load() - o oddzwonienie
Korzystanie z jQuery load() metody z funkcji wywołania zwrotnego.

Przykłady przedstawione


jQuery AJAX get() i post() Metody

jQuery get()
Użyj $.get() metody do pobierania danych z pliku na serwerze.

jQuery post()
Użyj $.post() metody, aby wysłać jakieś dane wraz z wnioskiem.

Przykłady przedstawione