50+ најчешћих питања и одговора у интервјуу за јКуери (Ажурирано 2021)

Резултат горњег позива методе је жута позадина на ставкама А, Б, 1, 2, 3 и Ц, као што је приказано на доњој слици.

.финд () метода бира све подређене елементе ДОМ елемента који се прелази.

Синтакса у јКуери .цхилдрен () АПИ-ју за проналажење елемента помоћу

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

Резултат горњег позива методе је жута позадина на ставкама А, Б и Ц као што је приказано на доњој слици.



.цхилдрен () метода бира елементе нивоа ДОМ елемента који се прелази.

П # 14) Објасните разне врсте селектора и њихове функције у јКуери-у.

Одговор: Изборници јКуери користе се за лоцирање / одабир ХТМЛ елемената из ДОМ хијерархије на основу њихових атрибута наведених у наставку.

• име
• ид
• класа
• тип
• вредности

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

• Име
• ИД
• Назив класе
• Универзални селектор као што је *, који бира све елементе у ДОМ-у.
• Вишеструки елементи. Пример:
• ,

  ,.

• Бирач атрибута, Пример: препознати / одабрати елементе на основу њихових атрибута као што су боја, стил фонта или боја позадине.

Пример, вишеструких елемената и бирача атрибута у јКуери-у, објашњен је у наставку.



У горњем јКуери коду атрибут класе је селектор и боја фонта текста унутар елемента ХТМЛ ознаке је промењена у зелену. Овај код ће утицати / променити боју фонта текстова унутар свих оних елемената који имају атрибуте класе.

П # 15) Разликујте бирач ИД-а и класе у јКуери-у.

Одговор: Сваки ХТМЛ елемент може имати само један ИД, другим речима, елемент се може идентификовати са јединственим ИД-ом, док исту класу можете користити на више елемената.

Пример селектора ИД-а у јКуери-у да би се сакрио ДОМ елемент са ИД-ом као атрибутом, рецимо елемент са ИД-ом као „голд_цоин“

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

Ако желите да се сакријете, реците да су све везе чија је класа „сирова“,

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

П # 16) Објасните предности јКуери Ајак метода.

Одговор: Ајак може захтевати и примати податке са сервера без поновног учитавања странице уз помоћ ДОМ-а и ЈаваСцрипт-а.

Предности употребе Ајак метода у јКуери-у су наведене испод:

• Омогућава нам да извадимо целокупно поновно учитавање странице и даје нам флексибилност за учитавање само дела странице.
• Једноставан АПИ.
• Подршка за више прегледача.
• Подржани су ГЕТ и ПОСТ.
• Отпремите ЈСОН, КСМЛ, ХТМЛ или скрипт документ.

П # 17) Разликовати методе онлоад () и доцумент.реади () јКуери.

Одговор: Разлика између метода онлоад () и доцумент.реади () је у томе што ће се метода онлоад () ЈаваСцрипта позвати тек након што се сви објекти у веб документу у потпуности прикажу / учитају.

Док се метода доцумент.реади () позива када се ДОМ структура учита у документе. метода доцумент.реади () се позива врло брзо у поређењу са методом онлоад (), јер касније чека док се слике у потпуности не прикажу.

П # 18) Објасните функционалност методе цоннецт () јКуери-а.

Одговор: јКуери цоннецт () је додатак који се користи за повезивање / повезивање функције са другом функцијом додељивањем обрађивача. Помоћу ове функције можемо користити догађај ДОМ елемента.

П # 19) Укратко објасните боотстрап и ЈаваСцрипт додатак.

Одговор: Боотстрап је оквир или скуп алата који укључује ХТМЛ, ЦСС и ЈаваСцрипт за изградњу веб странице или веб апликације. Многе компоненте Боотстрапа захтевају додатак за Јавасцрипт да би функционисао.

П # 20) Објасните апликације за јКуери Мобиле.

Одговор: јКуери Мобиле је оквир компатибилан са више прегледача отвореног кода дизајниран за изградњу мобилних апликација доступних на свим паметним телефонима, таблетима и десктоп уређајима.

јКуери Мобиле је створен на јКуери-ју и корисничком интерфејсу јКуери-а за приказивање различитих специјалних ефеката, руковање Ајак-овим захтевима / одговорима, додирним догађајима, заједно са разним виџетима.

П # 21) Разликовати јкуери.мин.јс од јкуери.јс

Одговор: јкуери.мин.јс и јкуери.јс имају исту функционалност, јкуери.мин.јс уклања све празне просторе како би датотеку учинили мањом и бржом за учитавање што резултира извршавањем скрипте.

Минификовање ЈС датотека у производном окружењу значи да ће се брже учитавати и давати брзе и боље перформансе страница.

П # 22) Објасните могућност јКуери ХТМЛ методе за ХТМЛ и КСМЛ документ.

Одговор: јКуери ХТМЛ метода није доступна на КСМЛ документима, ради само за ХТМЛ документе.

П # 23) Објасните функционалност јКуери УИ (кориснички интерфејс).

Одговор: јКуери УИ је јКуери библиотека, која омогућава изградњу различитих објеката корисничког интерфејса, као што су вишеструке листе записа, где корисници могу да бирају, сортирају, превлаче, испуштају, као и да мењају величину одређених ДОМ елемената.

Библиотека корисничког интерфејса такође ствара уграђене виџете као што су аутоматско довршавање, поље за потврду, радио дугмад, бирач датума, мени итд., Као и додавање ефекта сакривање, приказивање или пребацивање и друге анимације.

П # 24) Објасните функционалност додатка табеле података за јКуери.

Одговор: Табела података је додатак јКуери који се, када се примени на записе, приказује у табеларном облику.

Можемо сортирати податке по појединачним и више колона, претраживати одређени запис, додавати пагинацију, записе по страници и кретати се записима у табели. Табела података може се применити на статичке податке, низ, податке у ЈСОН-у, као и АЈАКС одговор.

П # 25) Објасните све предности хостовања јКуери-а са ЦДН-а.

Одговор: Хостовање јКуери-ја са мреже за испоруку садржаја (ЦДН) помаже у великој доступности и високим перформансама по нижој цени и ниском оптерећењу мреже, побољшано кашњење (потребно је мање времена за слање и примање пакета података са сервера), нуди верзију специфичну за уређај садржаја.

Пример: Одзивност за величину екрана на мобилном уређају и обезбеђени капацитет за складиштење осетљивих података или датотека.

П # 26) Утврдите било какву разлику између .детацх () и .ремове () јКуери-а.

Одговор: Детацх () метода јКуери уклања одабрани елемент, али задржава податке и догађаје. .ремове () метода јКуери уклања елементе, податке као и догађаје.

П # 27) Могу ли да користим јКуери библиотеку за скриптовање сервера?

Одговор: јКуери је Јавасцрипт библиотека скриптирања на страни клијента. Не може се користити за скриптовање на страни сервера.

П # 28) Можете ли да наведете неке ситуације или сценарије за употребу јКуери-а?

Одговор:

ЈКуери можемо користити у следећим ситуацијама / сценаријима:

• Можемо применити јКуери функцију која може променити ЦСС статичко или динамичко својство.
• Помоћу јКуери-а можемо позвати функције на догађајима као што су догађаји у форми, догађаји на тастатури, догађаји са мишем, догађаји у прегледачу.
• Помоћу јКуери-а можемо манипулисати (додавати, уређивати или брисати) ДОМ елементима.
• јКуери се може користити за ефекте анимације на ХТМЛ елементу постепеним мењањем његовог статичног положаја у други положај.

П # 29) Наведите четири параметра која се користе за јКуери Ајак методу.

Одговор: УРЛ адреса на коју се захтев шаље, врста захтева, на пример ГЕТ или ПОСТ, подаци / садржај који ће се послати серверу и услов да прегледач дозволи или не кешира тражену страницу, четири су параметра која се користе за јКуери Ајак методу.

П # 30) Објасните функционалност јКуери филтера.

Одговор: .филтер () у јКуери ће проверити да ли се подудара елемент и атрибут се може додати подударном елементу.

На пример, за .филтер () може бити као што је дато у наставку.



Редак кода у јКуери.филтер () АПИ-ју за проналажење / филтрирање елемената листе је као испод.

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

Резултат горњег позива методе је жута подлога за текстове Физика, Математика, Историја, Француски итд. Која се налази на индексу 0, 2, 4 и тако даље, (сетите се да индекс почиње од 0, дакле 0 је паран број) као приказано на доњој слици.



П # 31) Који се специјални знак користи као пречица за јКуери?

Одговор: $ се користи уместо јКуери-а,

Пример: јКуери (доцумент) .реади (фунцтион (); може се користити као $ (доцумент) .реади (фунцтион ()

П # 32) Објасните различите начине на које можемо исправити јКуери.

Одговор: Постоји неколико начина на које можемо отклонити погрешке у јКуери коду.

Савремени прегледачи као што су Гоогле Цхроме, Мозилла Фирефок, Опера и Сафари имају уграђени Јавасцрипт програм за отклањање грешака. Да бисте отклонили грешке у јКуери коду, притисните Ф12 са тастатуре, а прегледач са уграђеним програмом за отклањање погрешака отвориће кориснички интерфејс, у коме изаберите мени „Конзола“. Грешка ће се приказати у менију конзоле ако постоји.

Можете да напишете цонсоле.лог () у код да бисте добили текст грешке, такође можете да напишете програм за отклањање грешака; између редака кода, због програма за отклањање погрешака скрипта ће се покренути у режиму отклањања грешака, притиском на Ф12 у прегледачу отвориће се конзола која ће отклонити грешке у коду, притиском на Ф10 очитаће се вредности објеката јКуери, и на овај начин можемо отклонити грешке у јКуери коду .

П # 33) Објасните могуће начине на које можемо укључити јКуери на страницу.

Одговор: Компресовану продукцијску верзију јкуери-3.4.1.мин.јс можете преузети са странице хттпс://јкуери.цом/довнлоад/ и сачувати је у фасцикли либ испод фасцикле пројекта.

апликације за преузимање видео снимака са иоутубе-а

и) На јкуери можемо упутити из локалне фасцикле на пројецт / либ / Сцриптс као на доле.

ии) Можемо се позвати са веб локација са мрежом за испоруку садржаја, као што је Мицрософт ЦДН, као у наставку.

П # 34) Објасните функционалност .еацх () методе у јКуери-у.

Одговор: јКуери .еацх () користи се за итерацију / попис ДОМ елемента који се налази у објекту јКуери.

Пример

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) Разликовати методе .проп () и .аттр () јКуери-а.

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

Пример:



унос и излаз датотеке ц ++

јКуери код садржи методу аттр () која модификује вредности атрибута слике као што је приказано доле.



.аттр () метода јКуери мења атрибуте попут ширине и обруба слике.

$ (селецтор) .аттр (атрибут елемента, вредност којој се атрибути мењају).

.проп () метода у јКуери користи се за враћање и модификовање ДОМ својстава као што су означено, изабрано или онемогућено стање.

Pink


За тип уноса као поље за потврду вредност је ружичаста и ДОМ својство је означено,



јКуери код садржи методу проп () која модификује својство приказа елемента.



.аттр () метода нам помаже да одаберемо вредност која је овде „ружичаста“, док метода .проп () бира својство која је овде „означена“.

П # 36) Објасните функционалност јКуери.ноЦонфлицт.

Одговор: ноЦонфлицт () метода јКуери-ја се примењује за решавање сукоба када треба да користимо оквире, осим јКуери-а.

На пример, многе ЈаваСцрипт библиотеке као што су Моотоолс, прототип, зепто итд. користе $, функцију или име променљиве, које се користи као замена текста јКуери у јКуери коду, а у таквим случајевима метода .ноЦонфлицт () омогућава употребу $ идентификатор пречице, дозвољавајући другим скриптама да га користе.

П # 37) Разликујте ширину () од цсс („ширину“) у јКуери-у.

Одговор: У јКуери-у постоје две различите методе за промену ширине елемента. Први начин је коришћење .цсс (својство), а други начин .проперти ().

Пример:

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

У .цсс (својство) које је у овом случају ширина, морамо додати пк у валуе_цханге, рецимо 300пк.

Можемо да користимо .проперти (валуе_цханге), која је у овом случају ширина, и не треба да додајете пк, већ директну вредност.

П # 38) Где можемо да применимо методу парам () у јКуери-у?

Одговор: Можемо приказати низ, обични објекат или јкуери објекат у облику тока бајтова, тако да се могу сачувати у меморији, датотеци или бази података методом парам () у јКуери-у.

П # 39) Разликујте између $ (тхис) и тхис у јКуери.

Одговор: $ (тхис) је јКуери објект, док је ово глобална референца објекта ЈаваСцрипт-а, користећи ово можемо упутити ДОМ елемент у ХТМЛ документ.

$ (тхис) се односи на надређени објекат, док се ово односи на ДОМ елемент, који у случају низа представља објекат са .еацх () методом, који приказује тренутну итерацију.

П # 40) Опишите функционалност прочитаних колачића, пишите колачиће и избришите колачиће у јКуери-у.

Одговор: Када се посете веб локације, колачићи су вредности података као што је име корисника које се чува у малим текстуалним датотекама на рачунару. Током поновног посећивања веб локација, колачићи помажу у памћењу имена корисника. ЈаваСцрипт и јКуери креирају, читају и бришу колачиће са својством доцумент.цоокие.

П # 41) Каква је употреба методе сериализе () у јКуери-у?

Одговор: Серијализује вредности обрасца тако да се његове сериализоване вредности могу користити у низу упита УРЛ-а приликом израде АЈАКС захтева.

.сериализе () метода јКуери враћа улазне вредности ХТМЛ форме у облику низа.

П # 42) Каква је употреба методе вал () у јКуери-у?

Одговор: .вал () метода помаже у проналажењу вредности атрибута ХТМЛ елемента. На пример, елементи форме као што су унос, одабир и текст. Вал () се такође примењује за проналажење вредности свих усклађених елемената из поља за потврду и радио дугмади, као и падајуће листе.

Пример објашњен синтаксом

// 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) Шта је уланчавање метода у јКуери-у? Које предности нуди?

Одговор: Уз уланчавање метода јКуери, више акција се може применити у једном ретку кода, јер све методе враћају јКуери објекте који се могу користити за позивање друге методе.

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

Без везивања више редова кода које треба написати, чинећи јКуери претраживањем целокупног ДОМ-а за одговарајући елемент, примењују се појединачне методе у сваком реду кода. Док Цхаининг-у треба само једнократни одабир одговарајућег елемента из ДОМ-а, постизањем бољих перформанси.

П # 44) Која је разлика између јКуери.гет () и јКуери.ајак ()?

Одговор: Метода јКуери.ајак () користи се за слање ХТТП Ајак захтева, док се метода јКуери.гет () користи за слање ХТТП ГЕТ захтева за учитавање података са сервера.

П # 45) Шта је КУнит?

Одговор: КУнит је оквир који тестира ЈаваСцрипт код написан за јКуери, јКуери УИ и јКуери Мобиле, користи тврдње и тестове за верификацију очекиваних резултата.

П # 46) Како јКуери чува податке који се односе на елемент?

Одговор: Метода јКуери.дата () помаже у везивању било које врсте података на ДОМ елементе, без цурења меморије. јКуери осигурава уклањање података заједно са ДОМ елементима уклоњеним методама јКуери.

Код за чување и преузимање података који се односе на елемент.

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

П # 47) Можете ли објаснити различите поступке издвајања низа упита помоћу регуларних израза?

Одговор: Издвајање низа упита са регуларним изразом можемо постићи на следећа два начина.

1. Низовити приступ: Ова метода помаже у извођењу низа упоређивањем еквивалентног регуларног израза, употребом методе .реплаце ().
2. Приступ редовном изражавању: Мора се користити најмоћнија метода за издвајање низа упита и узорка која се упоређује са стринговима у ЈаваСцрипт-у. Коришћење метода .екец () и .тест () за упоређивање са обрасцима. матцх (), матцхАлл (), реплаце (), сеарцх () и сплит () је неколико других метода за Стринг.

П # 48) Објасните концепт методе завршне обраде у јКуери-у.

Одговор: Да би се зауставиле све анимације у реду и помогло им да се поставе у коначно стање, користи се метода .финисх ().

П # 49) Разликовати између позива заустављања (тачно, тачно) и методе завршетка.

Одговор: .финисх () метода помаже у брисању реда и помаже анимацијама да уђу у своје крајње стање, док се метода .стоп () позива на елемент, присиљавајући тренутно покренуту анимацију да се тренутно заустави.

П # 50) Како можете да напишете код специфичан за прегледач помоћу јКуери-а?

Одговор: У јКуери можемо да напишемо код специфичан за прегледач помоћу навигатор.усерАгент да идентификујемо прегледач из Интернет Екплорер-а, Цхроме-а, Фирефок-а, Сафари-ја и Опере, као код написан у наставку.

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) Који је поступак за проверу типа података било које променљиве у јКуери-у?

Одговор: Тип функције јКуери () користи се да би се идентификовао тип података било које променљиве као што је низ података, низ, број, функција или тип података објекта.

Закључак

јКуери је ЈаваСцрипт библиотека за манипулацију објектним моделом документа, која се углавном користи у ХТМЛ прелажењу докумената и развоју ЈаваСцрипт-а у више прегледача који креира ДОМ и Ајак анимације за управљање догађајима прегледача.

Надам се да сте пронашли одговоре на најчешће постављана питања из интервјуа на тему „јКуери“ од велике помоћи. Вежбајте што више питања и будите самопоуздани.

Све најбоље за ваш интервју !!

Препоручено читање

• Питања и одговори за интервјуе
• Питања и одговори за испитивање ЕТЛ-а
• 50 водећих питања и одговора за интервју за Салесфорце (Ажурирано 2021)
• Нека незгодна ручна тестирања питања и одговори
• 50 најпопуларнијих питања и одговора за интервју са ЦЦНА
• Топ 51 питања и одговори за интервју за Боотстрап
• Топ 50+ питања и одговори за интервјуе у бази података
• 25 најбољих питања о агилном тестирању за интервјуе и одговоре