Введение в jQuery Интервью Вопросы и ответы

jQuery - это библиотека JavaScript, основанная на принципе «пиши меньше, делай больше». Это быстрый, легкий и многофункциональный. JQuery поставляется вместе с простыми в использовании API-интерфейсами, которые облегчают разработку UI, например, просмотр и обработку HTML-документов, обработку событий, добавление эффектов анимации к веб-странице, которая без проблем работает во всех веб-браузерах. jQuery предоставляет селекторы, которые позволяют эффективно обходить дерево DOM структуры документа HTML. Приложения на основе Ajax можно быстро и легко создавать с помощью jQuery. Существует несколько встроенных методов jQuery, с помощью которых мы можем создавать анимацию и эффекты, такие как скольжение, отображение или скрытие элемента и т. Д. С помощью одной строки кода.

Ниже приведена наиболее распространенная функция вопросов и ответов по интервью jQuery 2019 года:

Итак, вы, наконец, нашли работу своей мечты в jQuery, но задаетесь вопросом, как взломать интервью jQuery и какие могут быть вероятные вопросы по интервью jQuery 2019 года. Каждое собеседование отличается и объем работы также отличается. Помня об этом, мы разработали самые распространенные вопросы и ответы по jQuery Interview, чтобы помочь вам добиться успеха на собеседовании. Эти вопросы делятся на две части:

  • Часть 1 - JQuery Интервью Вопросы (Основной)
  • Часть 2 - JQuery Интервью Вопросы (Advanced)

Часть 1 - JQuery Интервью Вопросы (Основной)

Эта первая часть охватывает основные вопросы и ответы по jQuery.

1. Определите jQuery с его основными функциями?

Ответ:
jQuery - это быстрая и легкая библиотека JavaScript. Это упрощает множество задач, которые требуют много времени и усилий со стандартным JavaScript. Это упрощает быструю веб-разработку, взаимодействие с Ajax, обработку событий, анимацию, а также обход и обработку HTML-документов. Основными основными функциями jQuery являются:

  • Манипулирование DOM - элементы DOM могут быть легко пройдены, изменены.
  • Анимации - множество встроенных анимаций.
  • AJAX - Помогите в разработке адаптивного и многофункционального сайта с использованием AJAX.
  • Легкий вес - около 19 КБ.
  • Обработка событий - несколько событий могут быть легко записаны с помощью обработчиков событий.
  • Кросс-браузерная поддержка - хорошо работает с IE 6.0+, Safari, Chrome и Opera, Firefox.

2. Какие селекторы в jQuery и сколько их типов?

Ответ:
Селекторы используются для поиска элементов HTML. Селектор jQuery - это функция, которая использует выражение для поиска подходящих элементов из DOM на основе любых заданных критериев. Как только мы выберем элемент, мы можем выполнить с ним определенные операции. Основные селекторы:
1) Имя: выбирает все элементы, которые соответствуют данному элементу имени.
2) .Class: Выбирает все элементы, которые соответствуют данному классу.
3) #ID: Выбирает один элемент, который соответствует данному идентификатору.
4) Универсальный (*): выбирает все элементы, доступные в DOM.
5) Выбор атрибута: выберите элементы на основе значения его атрибута.

Давайте перейдем к следующему JQuery Интервью Вопросы

3. В чем принципиальная разница между функциями body? Onload () и document.ready ()?

Ответ:
Обе функции отличаются друг от друга.
1) На одной странице может быть несколько функций document.ready (), тогда как только одно тело. Функция onload () разрешена.
2) функция document.ready () вызывается, как только DOM загружается для страницы, тогда как функция body.onload () вызывается, когда на страницу загружается все, включая DOM, изображения и ресурсы, связанные с этой страницей.

4. В чем разница между $ (this) и 'this' в jQuery?

Ответ:
Это общие вопросы интервью JQuery, задаваемые в интервью. Оба ссылаются на один и тот же элемент, но разница в том, что «this» используется традиционным способом, но когда «this» используется с $ (), тогда он становится объектом jQuery, в котором мы можем использовать функции jQuery.

Пример:

$(document).ready(function()
(
$('#clickme').click(function()
(
alert($(this).text());
alert(this.innerText);
));
));
Когда используется только ключевое слово «this», мы можем использовать функцию jQuery text (), чтобы получить текст элемента, потому что это не объект jQuery. Как только ключевое слово «this» обернуто в $ (), мы можем использовать функцию text () jQuery, чтобы получить текст элемента.

5. Каковы различные функции AJAX в jQuery?

Ответ:
Вызов Ajax позволяет пользователю обмениваться данными с сервером и обновлять части страницы без перезагрузки всей страницы. Вот некоторые из функций AJAX:
1) $. Ajax (): считается самым низким уровнем и основным из функций. Используется для отправки запросов. Эта функция может быть выполнена без селектора.
2) $. AjaxSetup (): эта функция используется для определения и установки параметров для различных вызовов ajax.
Например:

$.ajaxSetup((
"type":"POST",
"url":"ajax.php",
"success":function(data)
(
$("#bar")
.css("background", "yellow")
.html(data);
)
));

3) Сокращенные ajax-методы: они состоят из простой функции-оболочки, которая вызывает $ .ajax () с уже установленными определенными параметрами.
4) $ .getJSON (): это специальный тип сокращенной функции, который используется для принятия URL-адреса, на который отправляются запросы. Кроме того, дополнительные данные и дополнительные функции обратного вызова возможны в таких функциях.

Часть 2 - JQuery Интервью Вопросы (Основной)

В этой первой части рассматриваются вопросы и ответы по расширенному интервью jQuery.

6. Что такое JQuery.noConflict?

Ответ:
jQuery без конфликтов - это опция, предоставляемая jQuery для преодоления конфликтов между различными средами или библиотеками js. Когда мы используем jQuery без конфликтов, мы заменяем $ на новую переменную и присваиваем jQuery некоторые другие библиотеки JavaScript. Кроме того, используйте $ в качестве имени функции или переменной, которое имеет jQuery. И в нашей жизни разработки, мы вовсе не строго к JQuery.

jQuery.noConflict();
jQuery(document).ready(function()(
jQuery("div").hide();
));

Мы также можем использовать ваш собственный символ вместо знака $ в jQuery.

var $j = jQuery.noConflict();
$j(document).ready(function()(
$j("div").hide();
));

7.Что такое функция jQuery .each ()?

Ответ:
Это общая функция, которая будет перебирать коллекцию. Если есть массивы-подобные объекты со свойством длины, они могут быть повторены с их позицией и значением индекса. Другие объекты могут быть повторены со свойствами ключ-значение. Эта функция, однако, работает не так, как функция $ (selector) .each (), которая работает с элементом DOM с помощью селектора. Но оба перебирают объект jQuery.
Когда мы передаем массивоподобный объект в функцию .each (), функция обратного вызова может принимать два аргумента: индекс элемента, где индекс - это числовой индекс, начинающийся с нуля, в массиве текущих элементов, а элемент - это значение текущий массив.

Пример:

$("button").click(function()(
$("li").each(function()(
alert($(this).text())
));
));

Давайте перейдем к следующему JQuery Интервью Вопросы

8. Какие методы используются для обеспечения эффектов в jQuery?

Ответ:
JQuery предоставляет много замечательных эффектов, мы можем применить эти эффекты с простой конфигурацией. Эффект может быть сокрытием, показом, переключением, постепенным исчезновением, постепенным появлением, постепенным изменением и т. Д. Методами toggle (), Show () и hide (). Точно так же мы можем использовать другие методы как в следующем:

  • animate (params, (duration, easing, callback)) Эта функция создает пользовательские анимации для ваших элементов HTML.
  • fadeIn (speed, (callback)) Эта функция затухает во всех совпадающих элементах, регулируя их непрозрачность и вызывая дополнительный обратный вызов после завершения.
  • fadeOut (speed, (callback)) Эта функция используется для затухания всех соответствующих элементов путем установки их непрозрачности на 0, затем установки отображения на «none» и запуска дополнительного обратного вызова после завершения.
  • fadeTo (скорость, непрозрачность, обратный вызов) Эта функция уменьшает непрозрачность всех соответствующих элементов до указанной непрозрачности и запускает необязательный обратный вызов после завершения.
  • stop ((clearQueue, goto end)) Эта функция останавливает все запущенные анимации.

9. Какой из них быстрее, document.getElementByID ('txtName') или $ ('# txtName').?

Ответ:
Это популярный вопрос для интервью jQuery, заданный в интервью. Метод jQuery для выбора txtName через «$ ('# txtName')» внутренне вызовет document.getElementByID ('txtName'). Поскольку jQuery написан поверх JavaScript и внутренне использует JavaScript, поэтому JavaScript всегда быстрый.

10.В чем разница между $ ('div') и $ ('') в jQuery?

Ответ:
$ (''): Это создает новый элемент div. Но это не добавляется в дерево DOM, если мы не добавляем его к любому элементу DOM, тогда как $ ('div') выбирает все элементы div, присутствующие на странице.

Рекомендуемая статья

Это было руководство к списку вопросов и ответов для интервью jQuery, чтобы кандидат мог легко разобрать эти вопросы интервью jQuery. Эта статья включает в себя весь топ вопросов JQuery интервью. Вы также можете посмотреть следующие статьи, чтобы узнать больше

  1. Полезные вопросы интервью Дженкинс
  2. 10 расширенных вопросов интервью AngularJS
  3. Интервью по программной инженерии
  4. Статистика Интервью Вопросы
  5. Дженкинс против Бамбука: каковы преимущества
  6. Дженкинс против Трэвиса CI: Каковы преимущества
  7. Дженкинс против TeamCity
  8. Обзор jQuery Ajax методов

Категория:

Развитие предпринимательства