Ponad 50 najczęściej zadawanych pytań i odpowiedzi podczas wywiadów jQuery (aktualizacja 2021)

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.

1. 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 ().
2. 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