Этот тест предназначен для проверки ваших знаний библиотеки jQuery. Он охватывает основные концепции и методы, используемые для манипулирования DOM, обработки событий, создания анимаций и отправки AJAX-запросов. Тест подходит как для начинающих, так и для опытных разработчиков, желающих проверить свои знания или освежить их. Тест состоит из 21 вопроса, разделенных на 5 категорий: Селекторы: Выбор элементов DOM. Манипуляции с DOM: Изменение структуры и содержимого HTML-страницы. События: Обработка действий пользователя. Эффекты и анимация: Создание визуальных эффектов. AJAX: Взаимодействие с сервером без перезагрузки страницы. Каждый вопрос имеет один или несколько правильных ответов. Внимательно читайте вопросы и варианты ответов. После прохождения теста вы получите общую оценку, а также рекомендации по каждой категории, которые помогут вам определить области для дальнейшего изучения. Начать тестДалее Шаг 1 из 21 Какой символ используется для обозначения jQuery? #jQuery$jQ ДалееДалее Шаг 2 из 21 Какие из следующих селекторов выберут все элементы <p> с классом "intro"? $(".intro p")$("p#intro")$("p:intro")$("p.intro") НазадНазад ДалееДалее Шаг 3 из 21 Какой метод используется для добавления HTML-содержимого внутрь выбранного элемента? prepend()after()append()before() НазадНазад ДалееДалее Шаг 4 из 21 Как скрыть элемент с id="myElement"? $("#myElement").hide()$("#myElement").show()$("#myElement").toggle()$("myElement").hide() НазадНазад ДалееДалее Шаг 5 из 21 Какой метод используется для обработки события клика по элементу? on("click")bind("click")click()hover() НазадНазад ДалееДалее Шаг 6 из 21 Какие из следующих методов являются методами для работы с AJAX в jQuery? $.get()$.post()$.load()$.ajax()$.getJSON() НазадНазад ДалееДалее Шаг 7 из 21 Какой метод позволяет получить значение атрибута элемента? attr()val()text()html() НазадНазад ДалееДалее Шаг 8 из 21 Как выбрать все элементы <div>, которые являются прямыми потомками элемента с id="parent"? $("#parent > div")$("#parent div")$("div > #parent")$("div#parent") НазадНазад ДалееДалее Шаг 9 из 21 Какой метод используется для удаления элемента из DOM? remove()detach()empty()hide() НазадНазад ДалееДалее Шаг 10 из 21 Как добавить класс "highlight" к элементу с id="myElement"? $("#myElement").removeClass("highlight")$("#myElement").addClass("highlight")$("#myElement").toggleClass("highlight")$("myElement").addClass("highlight") НазадНазад ДалееДалее Шаг 11 из 21 Какой метод используется для анимированного изменения CSS-свойства? animate()fadeIn()slideUp()css() НазадНазад ДалееДалее Шаг 12 из 21 Как предотвратить стандартное поведение события (например, переход по ссылке)? event.stopPropagation()return false;event.preventDefault()event.stopImmediatePropagation() НазадНазад ДалееДалее Шаг 13 из 21 Какое событие срабатывает при изменении значения элемента <input>? blur()change()focus()keyup() НазадНазад ДалееДалее Шаг 14 из 21 Как получить текстовое содержимое элемента (без HTML-тегов)? html()text()val()contents() НазадНазад ДалееДалее Шаг 15 из 21 Какой метод используется для установки CSS-свойства элемента? style()attr("style")css()prop() НазадНазад ДалееДалее Шаг 16 из 21 Как выбрать все элементы с классом "test"? $(".test")$("#test")$("test")$(*.test) НазадНазад ДалееДалее Шаг 17 из 21 Какая разница между методами `$.get()` и `$.post()`? `$.get()` отправляет данные методом GET, а `$.post()` - методом POST.Данные, отправленные методом GET, видны в URL, а POST - нет.Метод GET обычно используется для получения данных, а POST - для отправки.Нет никакой разницы НазадНазад ДалееДалее Шаг 18 из 21 Какой метод позволяет получить значение value элемента формы? val()text()html()attr("value") НазадНазад ДалееДалее Шаг 19 из 21 Как проверить, существует ли элемент в DOM? Использовать `$("#element").length > 0`Использовать `$("#element").length`Использовать `$("#element").exist()`Использовать `$("#element").size() > 0` НазадНазад ДалееДалее Шаг 20 из 21 Какой метод используется для обхода DOM-дерева? children()parent()next()prev()siblings()find() НазадНазад ДалееДалее Шаг 21 из 21 Что делает метод `$(document).ready(function() { ... });`? Выполняет код при загрузке страницы.Выполняет код при клике на документ.Создает новый документ.Выполняет код, когда DOM полностью загружен. НазадНазад ДалееДалее Поздравляем, вы ответили на все вопросы! Показать результатыПоказать результаты
(Пока оценок нет)
Загрузка...
(Пока оценок нет) Загрузка...