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, що проходить.

Q # 14) Поясніть різні типи селекторів та їх функціональність у jQuery.

Відповідь: Селектори jQuery використовуються для пошуку / вибору елементів HTML з ієрархії DOM на основі їх атрибутів, перелічених нижче.

• ім'я
• ідентифікатор
• клас
• типу
• значення

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

• Ім'я
• Посвідчення особи
• Назва класу
• Універсальний селектор, такий як *, який виділяє всі елементи в DOM.
• Кілька елементів. Приклад:
• ,

  ,.

• Селектор атрибутів, Приклад: визначати / вибирати елементи на основі їхніх атрибутів, таких як колір, стиль шрифту або колір фону.

Приклад декількох елементів та селекторів атрибутів у jQuery пояснюється нижче.



У наведеному вище коді jQuery атрибут класу є селектором, а колір шрифту тексту всередині елемента тегу HTML змінено на зелений. Цей код вплине / змінить колір шрифту текстів у всіх тих елементах, які мають атрибути класу.

Q # 15) Диференціюйте селектор ідентифікатора та класу в jQuery.

Відповідь: Кожен елемент HTML може мати лише один ідентифікатор, іншими словами, елемент можна ідентифікувати з унікальним ідентифікатором, тоді як ви можете використовувати один і той же клас на декількох елементах.

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

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

Якщо ви хочете приховати, скажіть, що всі посилання мають свій клас як „необроблені”,

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

Q # 16) Поясніть переваги методів jQuery Ajax.

Відповідь: Ajax може запитувати та отримувати дані із сервера без перезавантаження сторінки за допомогою DOM та JavaScript.

Переваги використання методів Ajax у jQuery перелічені нижче:

• Це дозволяє нам перезавантажити всю сторінку та надає нам гнучкість завантаження лише частини сторінки.
• Простий API.
• Підтримка між браузерами.
• Підтримуються GET та POST.
• Завантажте документ JSON, XML, HTML або сценарій.

Q # 17) Розрізняти методи завантаження () та document.ready () jQuery.

Відповідь: Різниця між методами onload () та document.ready () полягає в тому, що метод onload () JavaScript буде викликаний лише після того, як усі об'єкти у веб-документі будуть повністю відображені / завантажені.

Тоді як метод document.ready () викликається, коли структура DOM завантажується в документи. Метод document.ready () викликається дуже швидко у порівнянні з методом onload (), оскільки пізніше він чекає, поки зображення повністю не відображаються.

Q # 18) Поясніть функціональність методу connect () jQuery.

Відповідь: jQuery connect () - це плагін, який використовується для підключення / прив'язки функції до іншої функції шляхом призначення обробника. За допомогою цієї функції ми можемо використовувати подію елемента DOM.

Q # 19) Коротко поясніть завантажувальний плагін та плагін JavaScript.

Відповідь: Bootstrap - це фреймворк або набір інструментів, що включає HTML, CSS та JavaScript для створення веб-сторінки або веб-програми. Багато компонентів Bootstrap вимагають роботи плагінів Javascript.

Q # 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 у виробничому середовищі означає, що вони завантажуватимуться швидше та забезпечать швидку та кращу продуктивність сторінки.

Q # 22) Поясніть можливість використання методу jQuery HTML для документів HTML та XML.

Відповідь: Метод jQuery HTML недоступний у документах XML, він працює лише для документів HTML.

Q # 23) Поясніть функціональність інтерфейсу jQuery (користувальницький інтерфейс).

Відповідь: Інтерфейс користувача jQuery - це бібліотека jQuery, яка забезпечує побудову різних об’єктів користувальницького інтерфейсу, таких як декілька списків записів, де користувачі можуть вибирати, сортувати, перетягувати, скидати, а також змінювати розмір окремих елементів DOM.

Бібліотека інтерфейсу користувача також створює вбудовані віджети, такі як автозаповнення, прапорець, перемикачі, датчик, меню тощо, а також додає ефект приховування, показу чи перемикання та інших анімацій.

Q # 24) Поясніть функціональність плагіна Data Table для jQuery.

Відповідь: Таблиця даних - це плагін jQuery, який при застосуванні до записів відображається у вигляді таблиці.

Ми можемо сортувати дані як за окремими, так і за кількома стовпцями, шукати конкретний запис, додавати пагінацію, записи на сторінку та переміщатися між ними в таблиці. Таблицю даних можна застосувати до статичних даних, масиву, даних у форматі JSON, а також відповіді AJAX.

Q # 25) Поясніть будь-які переваги розміщення jQuery від CDN.

Відповідь: Хостинг jQuery від Мережі доставки вмісту (CDN) допомагає забезпечити високу доступність та високу продуктивність за менших витрат та низького навантаження на мережу, покращення затримки (менше часу потрібно для відправки та отримання пакету даних із сервера), пропонуючи конкретну версію пристрою вмісту.

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

Q # 26) Визначте будь-яку різницю між .detach () та .remove () jQuery.

Відповідь: Метод detach () jQuery видаляє вибраний елемент, проте зберігає дані та події. Метод .remove () jQuery видаляє елементи, дані, а також події.

Q # 27) Чи можу я використовувати бібліотеку jQuery для сценаріїв сервера?

Відповідь: jQuery - це бібліотека сценаріїв сценаріїв Javascript на стороні клієнта. Його не можна використовувати для сценаріїв на стороні сервера.

Q # 28) Чи можете ви навести кілька ситуацій або сценаріїв використання jQuery?

Відповідь:

Ми можемо використовувати jQuery у таких ситуаціях / сценаріях:

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

Q # 29) Перелічіть чотири параметри, які використовуються для методу jQuery Ajax.

Відповідь: Адреса URL-адреси, куди надсилається запит, тип запиту, а саме GET або POST, дані / вміст, що надсилаються на сервер, і умова браузера дозволити або не кешувати запитувану сторінку - це чотири параметри, які використовуються для методу jQuery Ajax.

Q # 30) Поясніть функціональність фільтра jQuery.

Відповідь: .filter () у jQuery перевірить наявність відповідного елемента, і атрибут може бути доданий до відповідного елементу.

Наприклад, для .filter () це може бути, як показано нижче.



Рядок коду в API jQuery.filter () для пошуку / відфільтрування елементів списку наведено нижче.

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

Результатом вищезазначеного виклику методу є жовтий фон для текстів Фізика, Математика, Історія, Французька мова тощо, який має індекс 0, 2, 4 тощо (пам’ятайте, індекс починається з 0, отже 0 є парним) як показано на зображенні нижче.



Q # 31) Який спеціальний символ використовується як ярлик для jQuery?

Відповідь: $ використовується замість jQuery,

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

Q # 32) Поясніть різні способи налагодження jQuery.

Відповідь: Є кілька способів, за допомогою яких ми можемо налагодити код jQuery.

Сучасні браузери, такі як Google Chrome, Mozilla Firefox, Opera та Safari, мають вбудований налагоджувач Javascript. Для налагодження коду jQuery натисніть клавішу F12 на клавіатурі, і браузер із вбудованим налагоджувачем відкриє інтерфейс користувача, де виберіть меню «Консоль». Помилка відображатиметься в меню консолі, якщо така є.

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

Q # 33) Поясніть можливі способи включення jQuery на сторінку.

Відповідь: Ви можете завантажити стиснуту виробничу версію jquery-3.4.1.min.js з веб-сайту https://jquery.com/download/ та зберегти її в папці lib під папкою проекту.

програмне забезпечення, написане на C ++

i) Ми можемо посилатися на jquery з локальної папки project / lib / Scripts, як показано нижче.

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

Q # 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

Q # 35) Розрізняти методи .prop () та .attr () jQuery.

Відповідь: Далі наведена різниця між .prop () та .attr ().

Приклад:



який найкращий безкоштовний брандмауер - -

Код jQuery містить метод attr (), який змінює значення атрибутів зображення, як показано нижче.



Метод .attr () jQuery змінює такі атрибути, як ширина та межа зображення.

$ (селектор) .attr (атрибут елемента, значення якого змінюється на атрибути).

.prop () метод у jQuery використовується для повернення та модифікації властивостей DOM, таких як перевірений, вибраний або відключений стан.

Pink


Для типу введення як прапорця значення має рожевий колір і властивість DOM перевіряється,



Код jQuery містить метод prop (), який змінює властивість відображення елемента.



.attr () метод допомагає нам вибрати значення, яке тут є 'рожевим', тоді як метод .prop () вибирає властивість, яке тут 'позначено'.

Q # 36) Поясніть функціональність jQuery.noConflict.

Відповідь: Метод noConflict () jQuery застосовується для вирішення конфліктів, коли нам потрібно використовувати фреймворки, крім jQuery.

Наприклад, у багатьох бібліотеках JavaScript, таких як Mootools, прототип, zepto тощо, використовується $, ім'я функції або змінної, яке використовується як заміна тексту jQuery в коді jQuery, і в таких випадках метод .noConflict () дозволяє використовувати $ ярлик ідентифікатора, дозволяючи іншим сценаріям використовувати його.

Q # 37) Розрізняти ширину () від css ('ширину') у jQuery.

Відповідь: У jQuery є два різні методи зміни ширини елемента. Перший спосіб - використовувати .css (властивість), а інший спосіб - .property ().

Приклад:

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

У .css (властивість), яке в цьому випадку дорівнює ширині, ми повинні додати px у value_change, скажімо, 300px.

Ми можемо використовувати .property (value_change), яка в цьому випадку дорівнює ширині, і вам потрібно не додавати px, а пряме значення.

Q # 38) Де ми можемо застосувати метод param () у jQuery?

Відповідь: Ми можемо відобразити масив, звичайний об'єкт або об'єкт jquery у вигляді потоку байтів, щоб їх можна було зберігати в пам'яті, файлі або базі даних за допомогою методу param () у jQuery.

Q # 39) Розрізняти $ (this) та this у jQuery.

Відповідь: $ (this) - це об’єкт jQuery, тоді як це загальне посилання на об’єкт JavaScript, використовуючи це, ми можемо посилатись на елемент DOM у документі HTML.

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

Q # 40) Опишіть функціональність читаних файлів cookie, запису файлів cookie та видалення файлів cookie у jQuery.

Відповідь: Під час відвідування веб-сайтів файли cookie є такими значеннями даних, як ім’я користувача, яке зберігається у невеликих текстових файлах на комп’ютері. Переглядаючи веб-сайти, файли cookie допомагають запам’ятати ім’я користувача. JavaScript та jQuery створюють, читають та видаляють файли cookie із властивістю document.cookie.

Q # 41) Яке використання методу serialize () у jQuery?

Відповідь: Він серіалізує значення форми, щоб його серіалізовані значення могли бути використані в рядку запиту URL-адреси під час надсилання запиту AJAX.

.serialize () метод jQuery повертає введені значення HTML-форми у вигляді рядка.

Q # 42) Яке використання методу val () у jQuery?

Відповідь: Метод .val () допомагає знайти значення атрибута елемента HTML. Наприклад, елементи форми, такі як input, select і textarea. 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();

Q # 43) Що таке ланцюжок методів у jQuery? Які переваги він пропонує?

Відповідь: За допомогою ланцюжка методів jQuery можна застосувати кілька дій до одного рядка коду, оскільки всі методи повертають об’єкти jQuery, які можна використовувати для виклику іншого методу.

Без ланцюжка, методи jQuery викликаються один за одним в окремому рядку, тоді як при ланцюжку методи jQuery записуються крапками, відокремленими в один рядок коду.

Без зв’язування кількох рядків коду, які потрібно записати, змушуючи jQuery шукати відповідний елемент у всьому DOM, застосовуються одиночні методи в кожному рядку коду. Тоді як Chaining потребує лише одноразового вибору відповідного елемента з DOM, зробивши кращу продуктивність.

Q # 44) У чому різниця між jQuery.get () та jQuery.ajax ()?

Відповідь: Метод jQuery.ajax () використовується для надсилання запитів Ajax HTTP, тоді як метод jQuery.get () використовується для надсилання HTTP-запитів GET для завантаження даних із сервера.

Q # 45) Що таке QUnit?

Відповідь: QUnit - це фреймворк, який перевіряє код JavaScript, написаний для jQuery, jQuery UI та jQuery Mobile, використовує твердження та пристосування для перевірки очікуваних результатів.

Q # 46) Як jQuery зберігає дані, що стосуються елемента?

Відповідь: Метод jQuery.data () допомагає приєднувати будь-який тип даних до елементів DOM, вільний від витоків пам'яті. jQuery гарантує, що дані видаляються разом з елементами DOM, видаленими методами jQuery.

Код для зберігання та отримання даних, що стосуються елемента.

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

Q # 47) Чи можете ви пояснити різні процедури вилучення рядка запиту за допомогою регулярних виразів?

Відповідь: Витяг рядка запиту з регулярним виразом ми можемо виконати наступними двома способами.

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

Q # 48) Поясніть поняття методу фінішу в jQuery.

Відповідь: Для того, щоб зупинити всі анімації, що знаходяться в черзі, і допомогти їм перейти в остаточний стан, використовується метод .finish ().

Q # 49) Розмежуйте метод виклику stop (true, true) та метод фінішу.

Відповідь: Метод .finish () допомагає очистити чергу та допомагає анімаціям переходити у свій кінцевий стан, тоді як метод .stop () викликається для елемента, змушуючи миттєво зупиняти запущену анімацію.

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

Q # 51) Яка процедура перевірки типу даних будь-якої змінної в jQuery?

Відповідь: Тип функції jQuery () використовується для ідентифікації типу даних будь-якої змінної, наприклад масиву, рядка, числа, функції чи типу даних типу.

Висновок

jQuery - це бібліотека JavaScript для маніпулювання об’єктною моделлю документа, яка в основному використовується для обробки документів HTML та розробки JavaScript у різних браузерах, яка створює анімації DOM та Ajax для управління подіями браузера.

Сподіваюся, ви знайшли відповіді на найпоширеніші запитання щодо інтерв’ю на тему «jQuery», які можуть вам дуже допомогти. Практикуйте якомога більше запитань і будьте впевнені в собі.

Все найкраще для Вашого співбесіди !!

Рекомендована література

• Запитання та відповіді на інтерв’ю
• Запитання та відповіді на інтерв’ю для тестування ETL
• 50 найкращих запитань та відповідей на інтерв’ю Salesforce (оновлено 2021)
• Деякі хитрі ручні тестування Питання та відповіді
• 50 найкращих запитань та відповідей на інтерв’ю CCNA
• Найпопулярніші 51 запитання та відповіді на інтерв’ю Bootstrap
• Найкращі запитання та відповіді на співбесіду з 50+ базами даних
• 25 найкращих запитань та відповідей на інтерв’ю для спритного тестування