Wprowadzenie do metod jQuery

Jeśli jesteś zaskoczony słowem jQuery, pozwól mi najpierw wyjaśnić, co to jest jQuery. jQuery jest jedną z najpopularniejszych bibliotek javascript do tworzenia stron internetowych lub aplikacji internetowych. Jest specjalnie zaprojektowany do rozwiązywania manipulacji drzewem html i obsługi zdarzeń, a także przechodzenia do drzewa html, przejścia css i animacji css z obsługą ajax. Jest to również oprogramowanie typu open source i bezpłatne na licencji GNU. W tym temacie poznamy Metody jQuery.

jQuery jest bardzo łatwy do nauczenia, ponieważ upraszcza programowanie w javascript. JQuery jest zgodny z css3, kompatybilny z różnymi przeglądarkami i ma bardzo małe wymiary. Krótko mówiąc, możemy powiedzieć, że jQuery zmienił ścieżkę dla programistów, którzy pisali swój długi kod w javascript. jQuery zapewnia inną metodę manipulacji domem, przekrojów m, obsługi zdarzeń lub wyzwalania zdarzeń, manipulacji atrybutami, manipulacji wymiarami, manipulacji css i animacji.

Rodzaje metod jQuery

Tutaj nauczymy się różnych rodzajów metod jQuery podanych poniżej

1) Manipulacja domem

Cokolwiek robimy, używamy tych metod, w końcu skupiamy się na zmianie wydarzeń domowych. Innymi słowy, możemy powiedzieć, używając tych metod, którymi manipulujemy dom. Niektóre metody jQuery do manipulacji domami to:

  • addClass (): W zestawie dopasowanych elementów dodaje określoną klasę lub klasy do każdego elementu.
  • after (): W zestawie dopasowanych elementów wstaw dane lub treść określone przez parametr po każdym znaczniku elementu.
  • append (): Krótko mówiąc, możemy powiedzieć, że za pomocą tej metody wstawiamy dane lub treść do określonego elementu.
  • attr (): Ta metoda podaje wartość atrybutu określonego elementu.
  • before (): Za pomocą tej metody możemy wstawić dowolne dane lub treść przed każdym określonym elementem.
  • clone (): Za pomocą tej metody głęboko kopiujemy element źródłowy.
  • css (): Za pomocą tej metody zmieniamy css określonego elementu.
  • detach (): Za pomocą tej metody po prostu usuwamy określony element z drzewa dom.
  • hasClass (): Za pomocą tej metody znajdujemy określoną klasę dołączoną do konkretnego elementu.
  • empty (): Ta metoda usuwa wszystkie węzły potomne dołączone do określonego drzewa dom element.
  • height (): Ta metoda podaje wartość wysokości określonego elementu.
  • offset (): Ta metoda ustawia współrzędną określonego elementu w stosunku do dokumentu.
  • position (): Ta metoda pobiera bieżącą pozycję określonego elementu w stosunku do jego elementu nadrzędnego.
  • prop (): Ta metoda podaje wartość aktualnie wybranej właściwości elementu.
  • replaceAll (): Ta metoda zastępuje cały element docelowy określonym elementem.
  • text (): Ta metoda ustawia lub pobiera wartość ciągu tekstowego określonych elementów.
  • Val (): Ta metoda podaje bieżącą wartość pierwszych określonych elementów.
  • width (): Ta metoda podaje obliczoną wartość szerokości określonych elementów.
  • wrap (): Ta metoda otacza określoną strukturę html wokół każdego elementu w zestawach określonych elementów.
  • wrapInner (): Ta metoda otacza strukturę HTML wokół zawartości każdego określonego elementu.

2) Podróżowanie

Ta metoda pomaga nam przechodzić od jednego elementu dom do innych elementów dom zgodnie z hierarchią rodzic-dziecko. Niektóre z metod przejścia to:

  • add (): Ta metoda tworzy nowy obiekt jQuery i dodaje go do określonych elementów.
  • addBack (): Ta metoda dodaje poprzedni zestaw elementu jQuery do bieżącego elementu stosu.
  • children (): Te metody znajdują element potomny każdego określonego elementu.
  • closest (): Ta metoda znajduje element, który pasuje najpierw do selektora.
  • content (): Ta metoda wyszukuje zawartość określonego elementu, w tym węzły komentarzy i tekst.
  • each (): Ta metoda wykonuje iterację w pętli, co oznacza, że ​​ta metoda zostanie zastosowana do wszystkich powiązanych z nią elementów.
  • end (): Ta metoda kończy ostatnie zadanie filtrowania i przywraca dopasowany element do poprzedniego stanu.
  • eq (): Ta metoda redukuje zestaw określonego elementu do jednego pod określonym indeksem.
  • filter (): Ta metoda daje określony element w oparciu o filtr, który dajemy.
  • first (): Ta metoda daje określony element na podstawie podanego selektora.
  • has (): Ta metoda daje zestaw określonego elementu lub selektora.
  • map (): Ta metoda zwraca nową wartość obiektu jQuery na podstawie funkcji przekazywanej przez każdy element.
  • next (): Ta metoda natychmiast daje następne rodzeństwo określonego wybranego elementu.
  • parent (): Ta metoda daje rodzicowi wybór określonego elementu.
  • prev (): Ta metoda daje natychmiastowe wcześniejsze rodzeństwo aktualnie określonych elementów.

3) Wyzwalanie zdarzeń

Za pomocą tej metody rejestrujemy zmiany w manipulowaniu domem, które zostaną zastosowane podczas interakcji z przeglądarką. Niektóre z metod obsługi zdarzeń jQuery to:

  • bind (): Ta metoda dołącza obsługę zdarzeń do określonego elementu.
  • blur (): Ta metoda wiąże zdarzenie javascript rozmycia z określonym elementem.
  • change (): To zdarzenie wiąże określony element ze zmianą elementu javascript.
  • click (): Ta metoda wiąże zdarzenie click javascript z określonym elementem.
  • delegate (): Ta metoda dołącza jedno lub więcej zdarzeń do określonego zestawu elementu.
  • die (): Ta metoda usuwa wszelkiego rodzaju obsługę zdarzeń javascript dołączonych do zestawu określonego elementu.
  • error (): Ta metoda dołącza obsługę zdarzenia błędu do określonego zestawu elementu.
  • focus (): Te metody wiążą obsługę zdarzenia focus z określonym zestawem elementu.
  • hover (): Ta metoda wiąże obsługę zdarzenia hover z określonym zestawem elementu.

Cóż, starałem się uwzględnić maksymalną liczbę możliwych używanych metod jQuery w naszym codziennym procesie rozwoju. Oprócz nich istnieje wiele innych metod jQuery, które należy zbadać. Każdego dnia następuje pewien rozwój metod jQuery. Dlatego za każdym razem, gdy jQuery wypuszcza swoją wersję, zawierają one kilka nowych metod jQuery.

Polecane artykuły

Jest to przewodnik po metodach jQuery. Omówiliśmy różne rodzaje metod jQuery, takie jak manipulacja domem, przechodzenie i metody wyzwalania zdarzeń itp. Aby dowiedzieć się więcej, zapoznaj się z następującym artykułem -

  1. Jak zainstalować Jquery?
  2. Co to jest jQuery?
  3. Co to jest PostgreSQL?
  4. Narzędzia zarządzania SQL
  5. jQuery querySelector
  6. Przewodnik po przykładach paska postępu JQuery

Kategoria:

Rozwój oprogramowania