50 most common jquery interview questions
Ten samouczek zawiera listę najczęściej zadawanych pytań i odpowiedzi podczas wywiadu jQuery, które pomogą Ci przygotować się do nadchodzącego wywiadu dotyczącego jQuery:
Jeśli przygotowujesz się do rozmowy kwalifikacyjnej jQuery, oto najczęściej zadawane pytania do wywiadu jQuery wraz z odpowiedziami i przykładami w celach informacyjnych.
Staraliśmy się zebrać wszystkie możliwe pytania, które możesz napotkać podczas rozmowy technicznej, aby sprawdzić swoje kompetencje w zakresie jQuery.
Odkryjmy!
Czego się nauczysz:
Co to jest jQuery?
jQuery to biblioteka JavaScript służąca do manipulacji obiektami dokumentów, która jest używana głównie do zarządzania dokumentami HTML i podróżowania po nich, obsługi zdarzeń elementów sieci Web, efektów specjalnych w komunikacji DOM i Ajax oraz programowania JavaScript w wielu przeglądarkach.
jQuery to lekka biblioteka JavaScript, która zawiera następujące funkcje:
- Manipulacja HTML / DOM
- Manipulacja CSS
- Metody zdarzeń HTML
- Efekty i animacje
- AJAX
- Narzędzia
Lista najpopularniejszych pytań do wywiadów jQuery
Pytanie 1) Czy możesz wyjaśnić, czym jest jQuery?
Odpowiedź: jQuery to szybka, lekka i bogata w funkcje biblioteka JavaScript. Jest to łatwe w użyciu API kompatybilne z różnymi przeglądarkami do przechodzenia i manipulowania dokumentami HTML, obsługi zdarzeń, dodawania efektów animacji do stron internetowych i pomaga w interakcjach Ajax.
Pytanie 2) Czy potrafisz odróżnić JavaScript od jQuery?
Odpowiedź: JavaScript to język skryptowy typu open source, który przekształca statyczne strony internetowe w strony dynamiczne, które są używane do sprawdzania poprawności danych formularzy przed przesłaniem ich na serwer.
jQuery to lekka, szybka biblioteka javascript, kompatybilna z przeglądarką, używana do przechodzenia i manipulowania dokumentami HTML, obsługi zdarzeń, dodawania efektów animacji do stron internetowych i pomaga w interakcjach Ajax.
Q # 3) Wyjaśnij różne metody efektów jQuery.
Odpowiedź: Metoda efektów jQuery pomaga nam dodawać efekty specjalne do elementów HTML obecnych w DOM na stronach internetowych, a metody te można pogrupować w efekty fade, slide, hide, show i special effects.
Lista metod efektów jQuery znajduje się poniżej.
- pokazać(): Ta metoda może wyświetlić / pokazać wybrany element.
- ukryć(): Ta metoda ukrywa wybrany element.
- przełącznik(): Ta metoda pomaga przełączać się między metodą show () i hide () dla wybranego elementu.
- fadeIn (): Ta metoda pomaga ukrytym elementom strony zanikać (wyświetlać), tj. Przekształcić ukryte elementy w nieprzezroczysty element.
- fadeOut (): Ta metoda pomaga ukryć element na stronie internetowej, sprawiając, że kolorowy element jest przezroczysty, innymi słowy, zanika.
- fadeToggle (): Metoda ta pomaga zmodyfikować stan wybranego elementu, czyli ukryć wybrany element w widoczny i widoczny wybrany element w ukrytym elemencie.
- wślizgiwać się (): Ta metoda może pomóc w przesunięciu wybranego elementu HTML w górę.
- zjechać w dół(): Ta metoda może pomóc zsunąć wybrany element HTML w dół.
- slideToggle (): Metoda ta pomaga zmodyfikować położenie wybranego elementu, tj. Wybrany element, jeśli przesunie się w górę ze swojego położenia, to zsunie się w dół, a jeśli wybrany element zsunął się w dół ze swojego położenia, to przesunie się w górę.
- animated (): Ta metoda może zmienić wybrane elementy z jednego stanu na inny za pomocą stylów CSS. Wartość właściwości CSS, taka jak pozycja, kolor lub kształt, zmienia się w określonym przedziale, co daje efekt animacji.
Q # 4) Podaj kilka przykładów metod Ajax w jQuery.
Odpowiedź: Ajax pomaga wysyłać i pobierać dane, a także zmieniać zawartość strony internetowej z serwera bez konieczności przeładowywania całej strony. Metody jQuery Ajax, takie jak load (), get (), post () ułatwiają wywołania Ajax wykonywane przez aplikację.
Q # 5) Wyjaśnij funkcjonalność metody Ajax ().
Odpowiedź: Metoda Ajax () wysyła asynchroniczne żądania HTTP do serwera i odbiera dane z serwera. Metoda Ajax () jest cenna, ponieważ oferuje możliwość określenia wywołań zwrotnych sukcesu i niepowodzenia.
Q # 6) Wyjaśnij funkcjonalność metody Ajax load ().
Odpowiedź: Metoda load () wysyła żądania HTTP w celu załadowania danych w postaci HTML lub treści tekstowej z serwera i umieszcza zwrócone dane w wybranych elementach DOM.
Pytanie 7) Opracuj zdarzenia jQuery Ajax.
Odpowiedź: Metody Ajax wyzwalają procedurę obsługi zdarzeń, która skutkuje zdarzeniami jQuery Ajax. Poniżej wymieniono niektóre przykłady zdarzeń jQuery Ajax.
Te wydarzenia są podzielone na wydarzenia lokalne i wydarzenia globalne.
- ajaxStart (): Jest to zdarzenie globalne, to zdarzenie jest wyzwalane w wyniku uruchomienia żądania Ajax, pod warunkiem, że żadne inne żądanie Ajax nie jest aktualnie uruchomione.
- beforeSend (): Jest to zdarzenie lokalne, jak nazwa wskazuje, zdarzenie to jest wywoływane przed uruchomieniem żądania Ajax, co pozwala na modyfikację obiektów XMLHttpRequest.
- ajaxSend (): Jest to zdarzenie globalne i to zdarzenie jest wywoływane przed uruchomieniem żądania Ajax.
- sukces(): To wydarzenie lokalne. To zdarzenie jest wyzwalane tylko wtedy, gdy żądanie Ajax zostało pomyślnie wysłane (tj. Podczas wysyłania żądania Ajax zdarzenie nie wyświetla żadnego błędu z serwera ani z danych).
- ajaxSuccess (): Jest to zdarzenie globalne, uruchamiane tylko w przypadku pomyślnego wysłania żądania.
- błąd(): Jest to zdarzenie lokalne, które jest wyzwalane, jeśli wystąpi błąd podczas wykonywania żądania. (Możesz mieć błąd lub pomyślne wywołanie zwrotne podczas wysyłania żądania Ajax)
- ajaxError (): Jest to zdarzenie globalne, które zachowuje się tak samo, jak jego lokalny odpowiednik error ().
- kompletny(): To wydarzenie lokalne. To zdarzenie jest wywoływane bez względu na to, czy żądanie zakończyło się powodzeniem lub spowodowało błąd, i odebrane są pełne wywołania zwrotne, nawet w przypadku żądań synchronicznych.
- ajaxComplete (): Jest to zdarzenie globalne, które zachowuje się tak samo, jak jego lokalny odpowiednik complete (), nawet w przypadku żądań synchronicznych.
- ajaxStop (): Jest to zdarzenie globalne, które jest wyzwalane, gdy żadne żądania Ajax nie są nadal przetwarzane / oczekujące na przetwarzanie.
Q # 8) Wyjaśnij funkcjonalność metody ajaxComplete ().
Odpowiedź: AjaxComplete () jest wywoływana bez względu na to, czy żądanie zakończyło się pomyślnie lub spowodowało błąd, i odebrano pełne wywołanie zwrotne, nawet dla żądań synchronicznych.
Q # 9) Wyjaśnij funkcjonalność metody ajaxStart ().
Odpowiedź: Zdarzenie ajaxStart () jest zdarzeniem globalnym, które jest wyzwalane w wyniku uruchomienia żądania Ajax, pod warunkiem, że żadne inne żądania Ajax nie są obecnie uruchomione.
Q # 10) Wyjaśnij kilka przykładów zdarzeń w jQuery.
Odpowiedź: Działania na elementach HTML na stronach internetowych są zdarzeniami w jQuery lub JavaScript, tworząc w ten sposób dynamiczne strony internetowe.
Poniżej wymieniono kilka przykładów wydarzeń.
- Kliknięcie myszą nad elementem, takim jak przycisk.
- Wysyłanie wartości elementów wejściowych z formularza HTML.
- Resetowanie elementu formularza do wartości domyślnych lub przeładowanie strony.
- Naciśnięcie lub wpisanie dowolnego lub więcej niż jednego klawisza na klawiaturze.
- Przewijanie strony internetowej itp.
Q # 11) Wyjaśnij przykłady niektórych kategorii zdarzeń jQuery.
Odpowiedź: Zdarzenia jQuery są kategoryzowane na podstawie ich typów:
- Zdarzenia myszy, takie jak click & dblclick.
- Zdarzenia klawiatury, takie jak keyup i keydown.
- Formularz Zdarzenia, takie jak przesłanie, skupienie i zmiana.
- Zdarzenia dotyczące dokumentów / okien, takie jak ładowanie, wyładowywanie i przewijanie.
Q # 12) Wyjaśnij funkcjonalność metody jQuery CSS ().
Odpowiedź: Metoda CSS () w jQuery służy do sprawdzenia aktualnej wartości właściwości style, dodania lub zmiany właściwości style wybranego elementu. Innymi słowy, metoda jQuery CSS () służy do pobierania i ustawiania właściwości stylu CSS elementu DOM.
Q # 13) Rozróżnij metody find () i children ().
Odpowiedź: .find () i .children () są używane do lokalizowania elementów potomnych dopasowanych elementów DOM, .find () podróżuje do dowolnego poziomu niższego, podczas gdy .children () podróżuje o jeden poziom w dół, aby zlokalizować element.
Rozważmy następującą strukturę DOM w dokumencie HTML.
Składnia interfejsu API jQuery .find () służąca do lokalizowania elementu
$('li.item-li').find('li').css('background-color','yellow');
Wynikiem powyższego wywołania metody jest żółte tło elementów A, B, 1, 2, 3 i C, jak pokazano na poniższym obrazku.
Metoda .find () wybiera wszystkie elementy potomne przechodzonego elementu DOM.
Składnia w interfejsie API jQuery .children () do lokalizowania elementu za pomocątag z klasą „poziom-2”.
najlepsze darmowe oprogramowanie przyspieszające działanie komputera
$( 'ul.level-2' ).children().css( 'background-color', 'yellow' );
Wynikiem powyższego wywołania metody jest żółte tło elementów A, B i C, jak pokazano na poniższym obrazku.
Metoda .children () wybiera elementy jednopoziomowe przechodzonego elementu DOM.
Q # 14) Wyjaśnij różne typy selektorów i ich funkcjonalność w jQuery.
Odpowiedź: Selektory jQuery służą do lokalizowania / wybierania elementów HTML z hierarchii DOM w oparciu o ich atrybuty wymienione poniżej.
- Nazwa
- ID
- klasa
- rodzaj
- wartości
Podstawowe typy selektorów to:
- Nazwa
- ID
- Nazwa klasy
- Selektor uniwersalny, taki jak *, który wybiera wszystkie elementy w DOM.
- Wiele elementów. Przykład:
- ,
,.
- Selektor atrybutu, Przykład: zidentyfikować / wybrać elementy na podstawie ich atrybutów, takich jak kolor, styl czcionki lub kolor tła.
Przykład wielu elementów i selektorów atrybutów w jQuery wyjaśniono poniżej.
W powyższym kodzie jQuery atrybut class jest selektorem, a kolor czcionki tekstu wewnątrz elementu znacznika HTML zostaje zmieniony na zielony. Ten kod wpłynie na / zmieni kolor czcionki tekstów wewnątrz wszystkich elementów, które mają atrybuty klas.
Q # 15) Rozróżnij identyfikator i selektor klasy w jQuery.
Odpowiedź: Każdy element HTML może mieć tylko jeden identyfikator, innymi słowy, element można zidentyfikować za pomocą unikalnego identyfikatora, podczas gdy możesz użyć tej samej klasy na wielu elementach.
Przykład selektora ID w jQuery w celu ukrycia elementu DOM z identyfikatorem jako atrybutem, np. Element o identyfikatorze „gold_coin”
$('#gold_coin').hide();
Jeśli chcesz się ukryć, powiedz, że wszystkie linki mają swoją klasę jako „surowe”,
$('a.raw').hide();
Q # 16) Wyjaśnij zalety metod jQuery Ajax.
Odpowiedź: Ajax może żądać i odbierać dane z serwera bez przeładowywania strony przy pomocy DOM i JavaScript.
Zalety używania metod Ajax w jQuery są wymienione poniżej:
- Pozwala nam na przeładowanie całej strony i daje nam elastyczność, aby załadować tylko część strony.
- Prosty interfejs API.
- Obsługa wielu przeglądarek.
- Obsługa GET i POST.
- Prześlij dokument JSON, XML, HTML lub skrypt.
Q # 17) Rozróżnij metody onload () i document.ready () jQuery.
Odpowiedź: Różnica między metodami onload () i document.ready () polega na tym, że metoda onload () języka JavaScript zostanie wywołana dopiero po całkowitym wyświetleniu / załadowaniu wszystkich obiektów w dokumencie sieciowym.
Natomiast metoda document.ready () jest wywoływana, gdy w dokumentach ładowana jest struktura DOM. Metoda document.ready () jest wywoływana bardzo szybko w porównaniu z metodą onload (), ponieważ później czeka na pełne wyświetlenie obrazów.
Q # 18) Wyjaśnij funkcjonalność metody connect () jQuery.
Odpowiedź: jQuery connect () to wtyczka używana do łączenia / wiązania funkcji z inną funkcją poprzez przypisanie procedury obsługi. Używając tej funkcji, możemy użyć zdarzenia elementu DOM.
P # 19) Krótko wyjaśnij, czym jest bootstrap i wtyczka JavaScript.
Odpowiedź: Bootstrap to framework lub zestaw narzędzi, który zawiera HTML, CSS i JavaScript do tworzenia stron internetowych lub aplikacji internetowych. Wiele komponentów Bootstrap wymaga do działania wtyczek Javascript.
Q # 20) Wyjaśnij aplikacje dla jQuery Mobile.
Odpowiedź: jQuery Mobile to platforma open source kompatybilna z różnymi przeglądarkami, zaprojektowana do tworzenia aplikacji mobilnych dostępnych na wszystkich smartfonach, tabletach i urządzeniach stacjonarnych.
jQuery Mobile jest tworzony w jQuery i interfejsie użytkownika jQuery do renderowania różnych efektów specjalnych, obsługi żądań / odpowiedzi Ajax, zdarzeń dotykowych, wraz z różnymi widżetami.
P # 21) Rozróżnij między jquery.min.js i jquery.js
Odpowiedź: jquery.min.js i jquery.js mają tę samą funkcjonalność, jquery.min.js ma usunięte wszystkie puste spacje, aby plik był mniejszy i szybszy w ładowaniu, co skutkowało wykonaniem skryptu.
Zminimalizowanie plików JS w środowisku produkcyjnym oznacza, że będą one ładować się szybciej i zapewnią szybszą i lepszą wydajność strony.
Q # 22) Wyjaśnij możliwość zastosowania metody jQuery HTML do dokumentów HTML i XML.
Odpowiedź: Metoda jQuery HTML nie jest dostępna w dokumentach XML, działa tylko dla dokumentów HTML.
Q # 23) Wyjaśnij funkcjonalność interfejsu użytkownika jQuery (interfejs użytkownika).
Odpowiedź: jQuery UI to biblioteka jQuery, która umożliwia budowanie różnych obiektów interfejsu użytkownika, takich jak wiele list rekordów, w których użytkownicy mogą wybierać, sortować, przeciągać, upuszczać, a także zmieniać rozmiar poszczególnych elementów DOM.
Biblioteka UI tworzy również wbudowane widżety, takie jak autouzupełnianie, pole wyboru, przyciski radiowe, selektor daty, menu itp., A także dodaje efekt ukrywania, pokazywania lub przełączania i inne animacje.
Q # 24) Wyjaśnij funkcjonalność wtyczki Data Table dla jQuery.
Odpowiedź: Tabela danych to wtyczka jQuery, która po zastosowaniu do rekordów jest wyświetlana w formie tabelarycznej.
Możemy sortować dane zarówno w pojedynczych, jak i wielu kolumnach, przeszukiwać określony rekord, dodawać paginację, rekordy na stronę i nawigować po rekordach w tabeli. Tabela danych może być zastosowana do danych statycznych, tablicy, danych w formacie JSON oraz odpowiedzi AJAX.
Q # 25) Wyjaśnij wszystkie zalety hostingu jQuery z CDN.
Odpowiedź: Hosting jQuery z Content Delivery Network (CDN) pomaga w uzyskaniu wysokiej dostępności i wysokiej wydajności przy niższych kosztach i niskim obciążeniu sieci, lepszych opóźnieniach (mniej czasu zajmuje wysyłanie i odbieranie pakietu danych z serwera), oferowanie wersji dla konkretnego urządzenia zawartości.
Przykład: Reagowanie na rozmiar ekranu urządzenia mobilnego i zabezpieczona pojemność przechowywania poufnych danych lub plików.
Q # 26) Zidentyfikuj wszelkie różnice między .detach () i .remove () z jQuery.
Odpowiedź: detach () metoda jQuery usuwa wybrany element, ale zachowuje dane i zdarzenia. .remove () metody jQuery usuwa elementy, dane oraz zdarzenia.
P # 27) Czy mogę używać biblioteki jQuery do tworzenia skryptów na serwerze?
Odpowiedź: jQuery to biblioteka skryptów JavaScript działająca po stronie klienta. Nie można go używać do wykonywania skryptów po stronie serwera.
P # 28) Czy możesz podać kilka sytuacji lub scenariuszy korzystania z jQuery?
Odpowiedź:
Z jQuery możemy korzystać w następujących sytuacjach / scenariuszach:
- Możemy zastosować funkcję jQuery, która może zmienić statyczną lub dynamiczną właściwość CSS.
- Za pomocą jQuery możemy wywoływać funkcje dotyczące zdarzeń, takich jak zdarzenia Form, zdarzenia klawiatury, zdarzenia myszy, zdarzenia przeglądarki.
- Możemy manipulować (dodawać, edytować lub usuwać) elementami DOM za pomocą jQuery.
- jQuery może służyć do tworzenia efektów animacji w elemencie HTML poprzez stopniową zmianę jego statycznej pozycji na inną.
Q # 29) Wymień cztery parametry używane w metodzie jQuery Ajax.
Odpowiedź: Adres URL, pod który żądanie jest wysyłane, rodzaj żądania, a mianowicie GET lub POST, dane / zawartość, która ma być wysłana do serwera i warunek, aby przeglądarka zezwalała lub nie buforowała żądanej strony, to cztery parametry używane w metodzie jQuery Ajax.
Q # 30) Wyjaśnij funkcjonalność filtru jQuery.
Odpowiedź: .filter () w jQuery sprawdzi dopasowany element i atrybut może zostać dodany do dopasowanego elementu.
Na przykład dla .filter () może wyglądać tak, jak podano poniżej.
Linia kodu w API jQuery.filter () służąca do lokalizowania / filtrowania elementów listy jest taka, jak poniżej.
$( 'li' ).filter( ':even' ).css( 'background-color', 'yellow' );
Wynikiem powyższego wywołania metody jest żółte tło dla tekstów Fizyka, Matematyka, Historia, Francuski itd., Czyli pod indeksem 0, 2, 4 itd. (Pamiętaj, że indeks zaczyna się od 0, stąd 0 jest parzystą), jak pokazano na poniższym obrazku.
P # 31) Jaki znak specjalny jest używany jako skrót dla jQuery?
Odpowiedź: $ jest używany zamiast jQuery,
Przykład: jQuery (document) .ready (function (); może służyć jako $ (document) .ready (function ()
Q # 32) Wyjaśnij różne sposoby debugowania jQuery.
Odpowiedź: Istnieje kilka sposobów debugowania kodu jQuery.
Współczesne przeglądarki, takie jak Google Chrome, Mozilla Firefox, Opera i Safari, mają wbudowany debugger JavaScript. Aby debugować kod jQuery, naciśnij klawisz F12 na klawiaturze, a przeglądarka z wbudowanym debugerem otworzy interfejs użytkownika, w którym wybierz menu „Konsola”. Błąd zostanie wyświetlony w menu konsoli, jeśli istnieje.
Możesz napisać console.log () w kodzie, aby otrzymać tekst błędu, możesz także napisać debugger; pomiędzy linią kodu, z powodu debuggera skrypt uruchomi się w trybie debugowania, naciśnięcie F12 w przeglądarce otworzy konsolę, która debuguje kod, naciśnięcie F10 odczyta wartości obiektów jQuery i tak możemy debugować kod jQuery .
Q # 33) Wyjaśnij możliwe sposoby, w jakie możemy dołączyć jQuery do strony.
Odpowiedź: Możesz pobrać skompresowaną wersję produkcyjną jquery-3.4.1.min.js ze strony https://jquery.com/download/ i zapisać ją w folderze lib w folderze projektu.
narzędzia do testowania spokojnych usług internetowych
ja) Możemy odwołać się do jquery z lokalnego folderu w project / lib / Scripts, jak poniżej.
ii) Możemy odnosić się do witryn sieci dostarczania treści, takich jak Microsoft CDN, jak poniżej.
Q # 34) Wyjaśnij funkcjonalność metody .each () w jQuery.
Odpowiedź: jQuery .each () służy do iteracji / wyświetlania elementu DOM obecnego w obiekcie jQuery.
Przykład
var veg_list = { Onion, Capsicum, Sweet Potato, Cauliflower, Bitter Gourd, Brinjal }; $.each(veg_list, function (index, value) { console.log(value); }); // displays output as Onion Capsicum Sweet Potato, Cauliflower Bitter Gourd Brinjal
Q # 35) Rozróżnij metody .prop () i .attr () jQuery.
Odpowiedź: Poniżej przedstawiono różnicę między .prop () i .attr ().
Przykład:
implementacja merge sort c ++
Kod jQuery zawiera metodę attr (), która modyfikuje wartości atrybutów obrazu, jak pokazano poniżej.
.attr () metoda jQuery zmienia atrybuty, takie jak szerokość i obramowanie obrazu.
$ (selektor) .attr (atrybut elementu, wartość, na którą zmieniane są atrybuty).
.prop () w jQuery służy do zwracania i modyfikowania właściwości DOM, takich jak stan zaznaczony, zaznaczony lub wyłączony.
Pink
Dla typu wejścia jako pola wyboru wartość jest różowa, a właściwość DOM jest zaznaczona,
Kod jQuery zawiera metodę prop (), która modyfikuje właściwość display elementu.
Metoda .attr () pomaga nam wybrać wartość, która jest tutaj „różowa”, podczas gdy metoda .prop () wybiera właściwość, która jest tutaj „zaznaczona”.
Q # 36) Wyjaśnij funkcjonalność jQuery.noConflict.
Odpowiedź: Metoda noConflict () jQuery jest stosowana do rozwiązywania konfliktów, gdy potrzebujemy użyć frameworków innych niż jQuery.
Na przykład, wiele bibliotek JavaScript, takich jak Mootools, prototype, zepto itp. używa $, nazwy funkcji lub zmiennej, która jest używana jako zamiennik tekstu jQuery w kodzie jQuery iw takich przypadkach metoda .noConflict () pozwala na użycie $ identyfikator skrótu, umożliwiając innym skryptom korzystanie z niego.
Q # 37) Rozróżnij width () vs css (‘width’) w jQuery.
Odpowiedź: Istnieją dwie różne metody zmiany szerokości elementu w jQuery. Pierwszym sposobem jest użycie .css (właściwość), a drugim sposobem jest użycie .właściwości ().
Przykład:
$(selector).css(property,value_change); $(selector).property(value_change);
W .css (właściwość), która w tym przypadku jest szerokością, musimy dodać px w value_change, powiedzmy 300px.
Możemy użyć .property (value_change), co w tym przypadku jest szerokością i nie trzeba dodawać px, ale bezpośrednią wartość.
Q # 38) Gdzie możemy zastosować metodę param () w jQuery?
Odpowiedź: Możemy wyświetlić tablicę, zwykły obiekt lub obiekt jquery w postaci strumienia bajtów, aby można je było przechowywać w pamięci, pliku lub bazie danych za pomocą metody param () w jQuery.
Q # 39) Rozróżnij $ (this) i this w jQuery.
Odpowiedź: $ (this) to obiekt jQuery, podczas gdy jest to odwołanie do globalnego obiektu JavaScript, używając tego możemy odwołać się do elementu DOM w dokumencie HTML.
$ (this) odnosi się do obiektu nadrzędnego, podczas gdy to odnosi się do elementu DOM, który w przypadku tablicy reprezentuje obiekt z metodą .each (), która wyświetla bieżącą iterację.
Q # 40) Opisz funkcjonalność odczytu plików cookie, zapisywania plików cookie i usuwania plików cookie w jQuery.
Odpowiedź: Podczas odwiedzania witryn internetowych pliki cookie to wartości danych, takie jak nazwa użytkownika, które są zapisywane w małych plikach tekstowych na komputerze. Podczas ponownego odwiedzania witryn pliki cookie pomagają zapamiętać nazwę użytkownika. JavaScript i jQuery tworzą, odczytują i usuwają pliki cookie za pomocą właściwości document.cookie.
P # 41) Jakie jest zastosowanie metody serialize () w jQuery?
Odpowiedź: Serializuje wartości formularza, dzięki czemu ich zserializowane wartości mogą być używane w ciągu zapytania URL podczas wykonywania żądania AJAX.
.serialize () metoda jQuery zwraca wartości wejściowe formularza HTML w postaci łańcucha.
P # 42) Jakie jest zastosowanie metody val () w jQuery?
Odpowiedź: Metoda .val () pomaga znaleźć wartość atrybutu elementu HTML. Na przykład, elementy formularzy, takie jak wejście, zaznaczenie i obszar tekstowy. Val () jest również stosowany do znajdowania wartości wszystkich dopasowanych elementów z pól wyboru i przycisków radiowych, a także listy rozwijanej.
Przykład wyjaśniony składnią
// form elements such as dropdown with select tag and id mylst, the value of the selected option will have syntax as below $( 'select#mylst option:checked' ).val(); // form element such as a set of radio buttons with input type as radio and name rdobtn, the value can be retrieved $( 'input[type=radio][name=rdobtn]:checked' ).val();
P # 43) Co to jest łączenie metod w jQuery? Jakie oferuje korzyści?
Odpowiedź: Dzięki łańcuchowi metod jQuery można zastosować wiele akcji w pojedynczym wierszu kodu, ponieważ wszystkie metody zwracają obiekty jQuery, które można wykorzystać do wywołania innej metody.
Bez łączenia w łańcuch metody jQuery są wywoływane jedna po drugiej w osobnym wierszu, podczas gdy w przypadku łączenia w łańcuch metody jQuery są zapisywane w oddzielonej kropkami pojedynczej linii kodu.
Bez tworzenia łańcuchów wielu linii kodu, które trzeba napisać, co powoduje, że jQuery przeszukuje cały DOM pod kątem dopasowanego elementu, a następnie stosowane są pojedyncze metody w każdym wierszu kodu. Podczas gdy łańcuchowanie wymaga tylko jednorazowego wyboru dopasowanego elementu z DOM, dzięki lepszej wydajności.
P # 44) Jaka jest różnica między jQuery.get () a jQuery.ajax ()?
Odpowiedź: Metoda jQuery.ajax () służy do wysyłania żądań HTTP Ajax, natomiast metoda jQuery.get () służy do wysyłania żądań HTTP GET w celu załadowania danych z serwera.
Q # 45) Co to jest QUnit?
Odpowiedź: QUnit to framework, który testuje kod JavaScript napisany dla jQuery, jQuery UI i jQuery Mobile, używa asercji i urządzeń testowych do weryfikacji oczekiwanych wyników.
P # 46) W jaki sposób jQuery przechowuje dane związane z elementem?
Odpowiedź: Metoda jQuery.data () pomaga w dołączaniu dowolnego typu danych do elementów DOM, bez wycieków pamięci. jQuery zapewnia, że dane są usuwane wraz z elementami DOM usuniętymi metodami jQuery.
Kod do przechowywania i pobierania danych związanych z elementem.
$('#myDiv').data('keyName', { foo : 'bar'}); $('#myDiv').data('keyName'); // { foo : 'bar'}
P # 47) Czy możesz wyjaśnić różne procedury wyodrębniania ciągu zapytania za pomocą wyrażeń regularnych?
Odpowiedź: Możemy wyodrębnić ciąg zapytania za pomocą wyrażenia regularnego na dwa następujące sposoby.
- Podejście oparte na ciągach: Ta metoda pomaga w wyprowadzaniu String przez porównanie równoważnego wyrażenia regularnego przy użyciu metody .replace ().
- Podejście do wyrażeń regularnych: Należy użyć najpotężniejszej metody wyodrębniania ciągu zapytania i wzorca, którą można porównać z ciągami znaków w JavaScript. Używanie metod .exec () i .test () do porównywania ze wzorcami. match (), matchAll (), replace (), search () i split () to kilka innych metod dla ciągu znaków.
Q # 48) Wyjaśnij pojęcie metody finish w jQuery.
Odpowiedź: Aby zatrzymać wszystkie animacje w kolejce i pomóc im w umieszczeniu ich w końcowym stanie, używana jest metoda .finish ().
Q # 49) Rozróżnij wywołanie stop (prawda, prawda) i metodę finish.
Odpowiedź: Metoda .finish () pomaga w czyszczeniu kolejki i pomaga animacjom wejść w ich stan końcowy, podczas gdy metoda .stop () jest wywoływana na elemencie, wymuszając natychmiastowe zatrzymanie aktualnie uruchomionej animacji.
P # 50) Jak napisać kod specyficzny dla przeglądarki przy użyciu jQuery?
Odpowiedź: Możemy napisać kod specyficzny dla przeglądarki w jQuery za pomocą navigator.userAgent do identyfikacji przeglądarki z Internet Explorer, Chrome, Firefox, Safari i Opera, jak w kodzie napisanym poniżej.
if (navigator.userAgent.search('MSIE') >= 0) { // JQuery Code once navigator.userAgent identifies Microsoft Internet Explorer browser. } else if (navigator.userAgent.search('Chrome') >= 0) { // JQuery Code once navigator.userAgent identifies Google Chrome browser. } else if (navigator.userAgent.search('Firefox') >= 0) { // JQuery Code once navigator.userAgent identifies Mozilla Firefox browser. } else if (navigator.userAgent.search('Safari') >= 0 && navigator.userAgent.search('Chrome') <0) { // JQuery Code once navigator.userAgent identifies either Safari or Chrome browser type. } else if (navigator.userAgent.search('Opera')>= 0) { // JQuery Code once navigator.userAgent identifies Opera browser. }
P # 51) Jaka jest procedura sprawdzania typu danych dowolnej zmiennej w jQuery?
Odpowiedź: Funkcja jQuery type () służy do identyfikacji typu danych dowolnej zmiennej, takiej jak tablica, ciąg znaków, liczba, funkcja lub typ danych obiektu.
Wniosek
jQuery to biblioteka JavaScript służąca do manipulowania obiektami dokumentów, używana głównie do przechodzenia między dokumentami HTML i programowania w języku JavaScript w różnych przeglądarkach, która tworzy animacje DOM i Ajax do zarządzania zdarzeniami przeglądarki.
Mam nadzieję, że odpowiedzi na najczęściej zadawane pytania podczas wywiadów dotyczące „jQuery” okazały się bardzo pomocne. Przećwicz jak najwięcej pytań i bądź pewny siebie.
Wszystkiego najlepszego za rozmowę kwalifikacyjną !!
rekomendowane lektury
- Pytania i odpowiedzi do wywiadu
- ETL Pytania i odpowiedzi podczas rozmowy kwalifikacyjnej testującej
- 50 pytań i odpowiedzi z najczęstszych rozmów z Salesforce [aktualizacja 2021]
- Niektóre trudne pytania i odpowiedzi do testowania ręcznego
- 50 najpopularniejszych pytań i odpowiedzi do wywiadów CCNA
- 51 najpopularniejszych pytań i odpowiedzi do wywiadów Bootstrap
- Top 50+ baz danych pytań i odpowiedzi do wywiadów
- 25 najlepszych pytań i odpowiedzi na rozmowę z testami zwinnymi