50+ Най-често срещани въпроси и отговори за интервю за jQuery (Актуализирано 2021)

Резултатът от извикването на горния метод е жълт фон на елементи A, B, 1, 2, 3 и C, както е показано на изображението по-долу.

.find () метод избира всички дъщерни елементи на DOM елемента, който се обхожда.

Синтаксис в jQuery .children () API за намиране на елемент с

етикет с клас “ниво-2”.
$( 'ul.level-2' ).children().css( 'background-color', 'yellow' );

Резултатът от извикването на горния метод е жълт фон на елементи A, B и C, както е показано на изображението по-долу.



Методът .children () избира елементи от едно ниво на DOM елемента, който се обхожда.

Въпрос # 14) Обяснете различни видове селектори и тяхната функционалност в jQuery.

Отговор: jQuery селекторите се използват за намиране / избор на HTML елементи от DOM йерархията въз основа на техните атрибути, както са изброени по-долу.

• име
• документ за самоличност
• клас
• Тип
• стойности

Основните типове селектори са:

• Име
• документ за самоличност
• Име на класа
• Универсален селектор като *, който избира всички елементи в DOM.
• Множество елементи. Пример:
• ,

  ,.

• Селектор на атрибути, Пример: идентифицирайте / изберете елементи въз основа на техните атрибути като цвят, стил на шрифта или цвят на фона.

Пример за множество елементи и селектори на атрибути в jQuery е обяснен по-долу.



В горния код на jQuery атрибутът на клас е селектор и цветът на шрифта на текста в елемента на HTML маркера се променя на зелен. Този код ще повлияе / промени цвета на шрифта на текстовете във всички тези елементи, които имат атрибути на класа.

Въпрос # 15) Разграничаване между селектора за идентификация и клас в jQuery.

Отговор: Всеки HTML елемент може да има само един ID, с други думи, елемент може да бъде идентифициран с уникален ID, докато можете да използвате един и същ клас за множество елементи.

Пример за селектор на ID в jQuery, за да се скрие DOM елемент с ID като атрибут, да кажем елемент с ID като “gold_coin”

$('#gold_coin').hide();

Ако искате да се скриете, кажете на всички връзки, чийто клас е „суров“,

$('a.raw').hide();

Въпрос # 16) Обяснете предимствата на методите jQuery Ajax.

Отговор: Ajax може да изисква и получава данни от сървъра без презареждане на страницата с помощта на DOM и JavaScript.

Предимствата на използването на методите Ajax в jQuery са изброени по-долу:

• Позволява ни да извадим цялото презареждане на страницата и ни дава гъвкавост да зареждаме само част от страницата.
• Прост API.
• Поддръжка на различни браузъри.
• Поддържа GET и POST.
• Качете JSON, XML, HTML или скрипт документ.

Въпрос # 17) Разграничаване между методите onload () и document.ready () jQuery.

Отговор: Разликата между методите onload () и document.ready () е, че методът onload () на JavaScript ще бъде извикан само след като всички обекти в уеб документа са напълно показани / заредени.

Докато методът document.ready () се извиква, когато структурата на DOM се зареди в документите. Методът document.ready () се извиква много бързо в сравнение с метода onload (), тъй като последният изчаква, докато изображенията се покажат напълно.

Въпрос # 18) Обяснете функционалността на метода connect () на jQuery.

Отговор: jQuery connect () е приставка, която се използва за свързване / свързване на функция с друга функция чрез присвояване на манипулатор. Можем да използваме събитие от DOM елемент, използвайки тази функция.

Въпрос # 19) Обяснете накратко приставката за зареждане и JavaScript.

Отговор: Bootstrap е рамка или набор от инструменти, който включва HTML, CSS и JavaScript за изграждане на уеб страница или уеб приложение. Много от компонентите на Bootstrap изискват приставки на Javascript, за да функционират.

Въпрос # 20) Обяснете приложенията за jQuery Mobile.

Отговор: jQuery Mobile е съвместима с различни браузъри рамка с отворен код, предназначена да изгражда мобилни приложения, достъпни на всички смартфони, таблети и настолни устройства.

jQuery Mobile е създаден в jQuery и потребителския интерфейс на jQuery за рендериране на различни специални ефекти, обработка на заявки / отговори на Ajax, събития при докосване, заедно с различни джаджи.

Q # 21) Разграничаване между jquery.min.js и jquery.js

Отговор: jquery.min.js и jquery.js имат една и съща функционалност, jquery.min.js премахва всички празни пространства, за да направи файла по-малък и по-бърз за зареждане, което води до изпълнение на скрипта.

Намаляването на JS файлове в производствена среда означава, че те ще се зареждат по-бързо и ще осигурят бърза и по-добра производителност на страниците.

В # 22) Обяснете възможността за jQuery HTML метод за HTML и XML документ.

Отговор: Методът jQuery HTML не е наличен за XML документи, той работи само за HTML документи.

Q # 23) Обяснете функционалността на jQuery UI (потребителски интерфейс).

Отговор: jQuery UI е jQuery библиотека, която осигурява изграждане на различни обекти на потребителски интерфейс, като множество списъци със записи, където потребителите могат да избират, сортират, плъзгат, пускат, както и да преоразмеряват определени DOM елементи.

Библиотеката на потребителския интерфейс също създава вградени приспособления като автоматично попълване, отметка, радио бутони, избор на дата, меню и др., Както и добавяне на ефект скриване, показване или превключване и други анимации.

В # 24) Обяснете функционалността на приставка за таблица с данни за jQuery.

Отговор: Таблицата с данни е приставка jQuery, която, когато се прилага към записи, се показва в таблична форма.

Можем да сортираме данните както в единични, така и в множество колони, да търсим конкретния запис, да добавяме разбивки на страници, записи на страница и да навигираме в записите в таблица. Таблицата с данни може да се приложи към статични данни, масив, данни в JSON, както и AJAX отговор.

Въпрос # 25) Обяснете някое от предимствата на хостването на jQuery от CDN.

Отговор: Хостингът на jQuery от мрежата за доставка на съдържание (CDN) помага за висока наличност и висока производителност при по-ниска цена и ниско натоварване на мрежата, подобрена латентност (отнема се по-малко време за изпращане и получаване на пакет данни от сървъра), предлага версия за конкретно устройство на съдържанието.

Пример: Отзивчивост за размера на мобилния екран и осигурен капацитет за съхранение на чувствителни данни или файлове.

В # 26) Идентифицирайте всяка разлика между .detach () и .remove () на jQuery.

Отговор: Методът detach () на jQuery премахва избрания елемент, но запазва данни и събития. Методът .remove () на jQuery премахва елементи, данни, както и събития.

В # 27) Мога ли да използвам библиотека jQuery за скриптове на сървъра?

Отговор: jQuery е Javascript библиотека за скриптове от страна на клиента. Не може да се използва за скриптове от страна на сървъра.

В # 28) Можете ли да дадете някои ситуации или сценарии за използване на jQuery?

Отговор:

Можем да използваме jQuery в следните ситуации / сценарии:

• Можем да приложим jQuery функция, която може да промени CSS статично или динамично свойство.
• С помощта на jQuery можем да извикаме функции за събития като събития във формуляри, събития на клавиатурата, събития с мишка, събития в браузъра.
• Можем да манипулираме (добавяме, редактираме или изтриваме) DOM елементи с помощта на jQuery.
• jQuery може да се използва за анимационни ефекти върху HTML елемента чрез постепенна промяна на статичната му позиция на друга позиция.

Въпрос # 29) Избройте четирите параметъра, използвани за метода jQuery Ajax.

Отговор: URL адрес, на който е изпратена заявката, Тип заявка, а именно GET или POST, Данни / съдържание, които трябва да бъдат изпратени до сървъра, и условие браузърът да разреши или да не кешира заявената страница са четирите параметъра, използвани за метода jQuery Ajax.

Въпрос # 30) Обяснете функционалността на jQuery филтъра.

Отговор: .filter () в jQuery ще провери за съответстващия елемент и атрибутът може да бъде добавен към съответстващия елемент.

Например за .filter () може да бъде както е дадено по-долу.



Линия на код в jQuery.filter () API за намиране / филтриране на елементите от списъка е както по-долу.

$( 'li' ).filter( ':even' ).css( 'background-color', 'yellow' );

Резултатът от горното извикване на метод е жълт фон за текстове Физика, Математика, История, Френски и др., Който е с индекс 0, 2, 4 и т.н., (не забравяйте, че индексът започва от 0, следователно 0 е четен) като показано на изображението по-долу.



В # 31) Какъв специален символ се използва като пряк път за jQuery?

Отговор: $ се използва на мястото на jQuery,

Пример: jQuery (документ) .ready (функция (); може да се използва като $ (документ) .ready (функция ()

Въпрос # 32) Обяснете различните начини, по които можем да отстраним грешките на jQuery.

Отговор: Има няколко начина, по които можем да отстраним грешките в jQuery кода.

Съвременните браузъри като Google Chrome, Mozilla Firefox, Opera и Safari имат вграден Javascript дебъгер. За отстраняване на грешки в jQuery кода, натиснете F12 от клавиатурата и браузърът с вградения дебъгер ще отвори потребителски интерфейс, в който изберете менюто „Конзола“. Грешката ще се покаже в менюто на конзолата, ако има такава.

Можете да напишете console.log () в кода, за да получите текста на грешката, можете също да напишете дебъгер; между кодовия ред, поради отстраняване на грешки, скриптът ще стартира в режим за отстраняване на грешки, натискането на F12 в браузъра ще отвори конзола, която ще отстрани грешките, натискането на F10 ще прочете стойностите на jQuery обектите и по този начин можем да отстраним грешките на jQuery кода .

Въпрос # 33) Обяснете възможните начини, по които можем да включим jQuery на страница.

Отговор: Можете да изтеглите компресирана производствена версия jquery-3.4.1.min.js от https://jquery.com/download/ сайт и да я запазите в папката lib под папката на проекта.

и) Можем да направим препратка към jquery от локалната папка в project / lib / Scripts, както е показано по-долу.

ii) Можем да се позоваваме на сайтове за доставка на съдържание като Microsoft CDN, както е показано по-долу.

Въпрос # 34) Обяснете функционалността на метода .each () в jQuery.

Отговор: jQuery .each () се използва за итерация / списък на DOM елемента, присъстващ в обекта jQuery.

Пример

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

Въпрос # 35) Разграничаване между методите .prop () и .attr () на jQuery.

Отговор: Следва разликата между .prop () и .attr ().

Пример:



jQuery кодът съдържа метода attr (), който променя стойностите на атрибутите на изображение, както е показано по-долу.



.attr () методът на jQuery променя атрибути като ширина и граница на изображението.

$ (селектор) .attr (атрибут на елемента, стойност, към която атрибутите се променят).

Методът .prop () в jQuery се използва за връщане и модифициране на свойствата на DOM като проверено, избрано или деактивирано състояние.

Pink


За тип въвеждане като отметка, стойността е в розово и DOM свойството е отметнато,



Кодът jQuery съдържа метод prop (), който модифицира свойството за показване на елемент.



.attr () методът ни помага да изберем стойност, която е „розова“ тук, докато методът .prop () избира свойство, което е „отметнато“ тук.

Въпрос # 36) Обяснете функционалността на jQuery.noConflict.

Отговор: Методът noConflict () на jQuery се прилага за разрешаване на конфликти, когато трябва да използваме рамки, различни от jQuery.

Например, много библиотеки на JavaScript като Mootools, прототип, zepto и др. използват $, функция или име на променлива, което се използва като заместител на текст jQuery в кода jQuery и в такива случаи методът .noConflict () позволява да се използва $ идентификатор на пряк път, като позволява на други скриптове да го използват.

Q # 37) Разграничаване между width () vs css (‘width’) в jQuery.

Отговор: В jQuery има два различни метода за промяна на ширината на елемент. Първият начин е да се използва .css (свойство), а другият начин е да се използва .property ().

Пример:

$(selector).css(property,value_change); $(selector).property(value_change);

В .css (свойство), което в този случай е ширина, трябва да добавим px в value_change, да речем 300px.

Можем да използваме .property (value_change), която в този случай е ширина и не е необходимо да добавяте px, а директна стойност.

В # 38) Къде можем да приложим метода param () в jQuery?

Отговор: Можем да покажем масив, обикновен обект или jquery обект под формата на поток от байтове, така че те да могат да бъдат съхранени в паметта, файла или базата данни чрез метода param () в jQuery.

Q # 39) Диференцирайте между $ (this) и this в jQuery.

Отговор: $ (this) е jQuery обект, докато това е обща справка за обект на JavaScript, използвайки това, ние можем да препращаме DOM елемент в HTML документ.

$ (this) се позовава на родителския обект, докато това се отнася до DOM елемент, който в случай на масив представлява обект с метод .each (), който показва текущата итерация.

Въпрос # 40) Опишете функционалността на четените бисквитки, пишете бисквитки и изтривайте бисквитки в jQuery.

Отговор: Когато се посещават уебсайтове, бисквитките са стойности на данни, като името на потребителя, което се съхранява в малки текстови файлове на компютъра. Докато преразглеждат уебсайтове, бисквитките помагат да се запомни името на потребителя. JavaScript и jQuery създават, четат и изтриват бисквитки със свойството document.cookie.

В # 41) Каква е ползата от метода serialize () в jQuery?

Отговор: Той сериализира стойностите на формуляра, така че неговите сериализирани стойности могат да бъдат използвани в низа на заявката за URL, докато се прави заявка AJAX.

.serialize () методът на jQuery връща входните стойности на HTML формата под формата на низ.

В # 42) Каква е ползата от метода val () в jQuery?

Отговор: Методът .val () помага да се намери стойността на атрибут на HTML елемент. Например, форми на елементи като въвеждане, избор и текстово поле. Val () също се прилага, за да се намери стойността на всички съвпадащи елементи от квадратчета за отметка и радио бутони, както и падащ списък.

Пример, обяснен със синтаксис

// 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();

В # 43) Какво представлява верига на методи в jQuery? Какви предимства предлага?

Отговор: С верига на jQuery метод може да се приложат множество действия на един ред код, тъй като всички методи връщат jQuery обекти, които могат да се използват за извикване на друг метод.

Без веригиране методите jQuery се извикват един след друг в отделен ред, докато при веригирането методите jQuery се записват в отделен с точка единичен ред код.

директиви на препроцесор в c ++ с пример

Без да се свързват множество редове код, които трябва да бъдат написани, което прави jQuery да търси цял DOM за съвпадащ елемент, тогава се прилагат единични методи във всеки ред код. Докато Chaining се нуждае само от еднократен избор на съвпадащ елемент от DOM, като прави по-добра производителност.

В # 44) Каква е разликата между jQuery.get () и jQuery.ajax ()?

Отговор: Методът jQuery.ajax () се използва за изпращане на HTTP заявки Ajax, докато методът jQuery.get () се използва за изпращане на HTTP GET заявки за зареждане на данни от сървъра.

Q # 45) Какво е QUnit?

Отговор: QUnit е рамка, която тества JavaScript кода, написан за jQuery, jQuery UI и jQuery Mobile, използва твърдения и тестови елементи за проверка на очакваните резултати.

Въпрос # 46) Как jQuery съхранява данни, свързани с елемент?

Отговор: Методът jQuery.data () помага за прикачване на всякакъв вид данни към DOM елементи, без изтичане на памет. jQuery гарантира, че данните се премахват заедно с DOM елементите, премахнати чрез методите jQuery.

Код за съхранение и извличане на данни, свързани с елемент.

$('#myDiv').data('keyName', { foo : 'bar'}); $('#myDiv').data('keyName'); // { foo : 'bar'}

В # 47) Можете ли да обясните различните процедури за извличане на низ за заявка с регулярни изрази?

Отговор: Можем да постигнем извличане на низ за заявка с регулярен израз по следните два начина.

1. Струнен подход: Този метод помага при извеждането на String чрез сравняване на еквивалентен регулярен израз, използвайки метода .replace ().
2. Подход за регулярен израз: Трябва да се използва най-мощният метод за извличане на низ и шаблон на заявка, който се сравнява със низове в JavaScript. Използване на .exec () и .test () методи за сравняване с модели. match (), matchAll (), replace (), search () и split () са други няколко метода за String.

Въпрос # 48) Обяснете концепцията за метода на завършване в jQuery.

Отговор: За да спрат всички анимации на опашка и да им помогнат да се поставят в окончателното си състояние, се използва методът .finish ().

Въпрос # 49) Разграничете метода за спиране на извикване (вярно, вярно) и метод за завършване.

Отговор: .finish () методът помага за изчистването на опашката и помага на анимациите да влязат в крайното си състояние, докато методът .stop () се извиква за елемент, като принуждава текущата анимация да спре незабавно.

В # 50) Как можете да напишете специфичен за браузъра код с помощта на jQuery?

Отговор: Можем да напишем специфичен за браузъра код в jQuery, използвайки navigator.userAgent, за да идентифицираме браузъра от Internet Explorer, Chrome, Firefox, Safari и Opera, както е написан по-долу.

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. }

В # 51) Каква е процедурата за проверка на типа данни на която и да е променлива в jQuery?

Отговор: Типът jQuery функция () се използва за идентифициране на типа данни на която и да е променлива, като масив, низ, число, функция или тип данни на обекта.

Заключение

jQuery е документна библиотека за манипулиране на обектни модели на документи, използвана главно при обхождане на HTML документи и разработка на JavaScript в различни браузъри, която създава DOM и Ajax анимации за управление на събития в браузъра.

Надявам се, че отговорите на най-често задаваните въпроси за интервю за „jQuery“ са от огромна помощ. Практикувайте колкото се може повече въпроси и бъдете уверени.

Всичко най-добро за вашето интервю !!

Препоръчително четене

• Интервюирайте въпроси и отговори
• Въпроси и отговори за интервю за ETL тестване
• 50 водещи въпроса и отговори за интервю за Salesforce (Актуализирано през 2021 г.)
• Някои сложни ръчни тестови въпроси и отговори
• Топ 50 на най-популярните въпроси и отговори за интервю за CCNA
• Топ 51 въпроси и отговори за интервю за Bootstrap
• Топ 50+ въпроси и отговори за интервюта за база данни
• 25 най-добри пъргави тестови интервюта Въпроси и отговори