jQuery - Основы : Вопрос 1 : 20

Какое выражение выведет сообщение с текстом "hello" после загрузки всего документа? Какое выражение выведет сообщение с текстом "hello" после загрузки всего документа?

1 балл

$.document.ready() {alert("hello");}
$(document).ready(function() {alert("hello");})
$.document.ready(function() {alert("hello");})
$.ready(document, function() {alert("hello");})

Что произойдет при нажатии на элемент А?

$("a").click(function() {
  alert("Hello world!");
});

Что произойдет при нажатии на элемент А?

$("a").click(function() {
  alert("Hello world!");
});

1 балл

Вызов alert("Hello world!")
В коде синтаксическая ошибка
Закрытие страницы

Имя функции для проверки содержится ли один элемент страницы внутри другого. Прим.: способ ввода - чисто буквенный (например: click) Имя функции для проверки содержится ли один элемент страницы внутри другого. Прим.: способ ввода - чисто буквенный (например: click)

1 балл

Выбрать все span элементы в элементах div, где span является прямым потомком div'a? Выбрать все span элементы в элементах div, где span является прямым потомком div'a?

1 балл

$(div span);
$(div).find(span);
$(div, span);
$(div > span);
$(div + span);
$(div ~ span);

Что делает wrap ( элемент )? Что делает wrap ( элемент )?

1 балл

Производит замену всех элементов набора элементами HTML или DOM. Возвращает замененный элемент JQuery, который был удален из DOM.
Вставляет каждый совпавший элемент набора в указанный элемент.
Добавляет контент внутрь каждого элемента набора. Добавляемый контент следует за уже существующим.
Добавляет контент внутрь каждого элемента набора. Добавляемый контент следует перед уже существующим.

Как правильно спрятать элемент с идентификатором "el"? Как правильно спрятать элемент с идентификатором "el"?

1 балл

$("#el").display("none")
$("#el").hide()
$("#el").show(false)
$("#el").hide(true)

Укажите корректные варианты назначения событий элементу #el Укажите корректные варианты назначения событий элементу #el

1 балл

$("#el").on("mousedown", mousedownListener);
$("#el").on("mousedown");
$("#el").on("mousedown.abyrvalg", mousedownListener);
$.on("mousedown", "#el", mousedownListener);

Что нужно вставить в первую строку вместо _______, чтобы создать дополнительный псевдоним (alias) для jQuery с именем jQ?

var jQ = jQuery.________(); 
 
  jQ( function() { 
      jQ("a").click(function() { 
         // some code 
      });    
  });

Что нужно вставить в первую строку вместо _______, чтобы создать дополнительный псевдоним (alias) для jQuery с именем jQ?

var jQ = jQuery.________(); 
 
  jQ( function() { 
      jQ("a").click(function() { 
         // some code 
      });    
  });

1 балл

Что будет если в контексте обработчика события обратиться к методу jQuery через this? Пример:

$('button').on('click', function(){ 
    this.attr('class', 'clicked'); 
});

Что будет если в контексте обработчика события обратиться к методу jQuery через this? Пример:

$('button').on('click', function(){ 
    this.attr('class', 'clicked'); 
});

1 балл

Произойдет ошибка TypeError: this.attr is not a function
Атрибут кнопки будет изменен на "clicked"
Ничего не произойдет

Какой из данных селекторов поможет выбрать все отмеченные чекбоксы формы? Какой из данных селекторов поможет выбрать все отмеченные чекбоксы формы?

1 балл

:all
:check
:all-checked
:checked
:checked-only

Дан HTML-код:

<a class="link" href="https://www.academiait.ru/">academiait</a>

Что мы увидим в браузере при выполнении следующего кода:

$('.link').click(function(e){ 
    e.preventDefault(); 
    $(this).hide().clone(false).insertAfter(this).show(); 
}).click();

Дан HTML-код:

<a class="link" href="https://www.academiait.ru/">academiait</a>

Что мы увидим в браузере при выполнении следующего кода:

$('.link').click(function(e){ 
    e.preventDefault(); 
    $(this).hide().clone(false).insertAfter(this).show(); 
}).click();

1 балл

На странице будут две ссылки. При клике на первую, ничего не произойдет. При клике на вторую, мы перейдем на https://www.academiait.ru.
Будет пустая страница.
На странице будут две ссылки. При клике по ним, ничего не произойдет.
На странице будут две ссылки. При клике на первую, мы перейдем наhttps://www.academiait.ru. При клике на вторую, ничего не произойдет.
На странице будет одна ссылка. При клике по ней, мы перейдем на https://www.academiait.ru.
На странице будет одна ссылка. При клике по ней, ничего не произойдет.
На странице будут две ссылки. При клике по ним, мы перейдем на https://www.academiait.ru.

Выберите 2 строки кода, которые наиболее быстро скрывают изображения на странице? Выберите 2 строки кода, которые наиболее быстро скрывают изображения на странице?

1 балл

$(img).hide();
$(img).hide(slow);
$(img).hide(fast);
$(img).hide(200);
$(img).hide(1000);

В случае, если $ зарезервирована до подключения jQuery на странице, каким образом можно обращаться ко всем функциям библиотеки, которая была доступна через $? В случае, если $ зарезервирована до подключения jQuery на странице, каким образом можно обращаться ко всем функциям библиотеки, которая была доступна через $?

1 балл

Объявить произвольную переменную со значением var j = $; , а далее использовать j вместо $ для обращения к библиотеке.
Вызвать метод jQuery.noConflict(); , а далее использовать jQuery вместо $.
В этом случае работа библиотеки полностью нарушается. Для нормальной работы библиотеки $ не должна быть зарезервирована до подключения jQuery
Обращаться к $ стандартным способом, работоспособность библиотеки jQuery не нарушается.
Использовать специальное дополнение(extension) к библиотеке. Оно подключается после jQuery.

Какой из вариантов соответствует элементам с атрибутом 'attr', значение которого оканчивается на 'val'?

1) 

[attr=val]

2) 

[attr!=val]

3)

[attr*=val]

4)

[attr$=val]

5)

[attr^=val]

6)

[attr~=val]

Какой из вариантов соответствует элементам с атрибутом 'attr', значение которого оканчивается на 'val'?

1) 

[attr=val]

2) 

[attr!=val]

3)

[attr*=val]

4)

[attr$=val]

5)

[attr^=val]

6)

[attr~=val]

1 балл

Дан следующий элемент:

<span id="myDog" class="animal dog">My dog</span>

Сколько классов будет иметь элемент после выполнения приведенного кода?

$("#myDog").addClass("barker").removeClass("animal").toggleClass("lazy"); ?

Дан следующий элемент:

<span id="myDog" class="animal dog">My dog</span>

Сколько классов будет иметь элемент после выполнения приведенного кода?

$("#myDog").addClass("barker").removeClass("animal").toggleClass("lazy"); ?

1 балл

Имя функции которая "ничего не делает". Прим.: вводить чисто буквенное имя (например: contains).

1 балл

Дан код:

<p> 
        <span>Something_1</span> 
        <span>Something_2</span> 
    </p>

Какие из утверждений верны?

1) В результате выполнения:

$('span').wrapAll('<div></div>');

получим HTML:

<p> 
        <div> 
            <span>Something_1</span> 
            <span>Something_2</span> 
        </div>     
    </p>

2) В результате выполнения:

$('span').wrap('<div></div>');

получим HTML:

<p> 
        <div> 
            <span>Something_1</span> 
            <span>Something_2</span> 
        </div>     
    </p>

3) В результате выполнения:

$('span').wrapInner('<div></div>');

получим HTML:

<p> 
        <span><div>Something_1</div></span> 
        <span><div>Something_2</div></span> 
    </p>

4) В результате выполнения:

$('span').wrap('<div></div>');

получим HTML:

<p> 
        <div><span>Something_1</span></div> 
        <div><span>Something_2</span></div> 
    </p>

5) В результате выполнения:

$('span').wrapAll('<div></div>');

получим HTML:

<div> 
        <p> 
            <span>Something_1</span> 
            <span>Something_2</span>     
        </p> 
    </div>

Дан код:

<p> 
        <span>Something_1</span> 
        <span>Something_2</span> 
    </p>

Какие из утверждений верны?

1) В результате выполнения:

$('span').wrapAll('<div></div>');

получим HTML:

<p> 
        <div> 
            <span>Something_1</span> 
            <span>Something_2</span> 
        </div>     
    </p>

2) В результате выполнения:

$('span').wrap('<div></div>');

получим HTML:

<p> 
        <div> 
            <span>Something_1</span> 
            <span>Something_2</span> 
        </div>     
    </p>

3) В результате выполнения:

$('span').wrapInner('<div></div>');

получим HTML:

<p> 
        <span><div>Something_1</div></span> 
        <span><div>Something_2</div></span> 
    </p>

4) В результате выполнения:

$('span').wrap('<div></div>');

получим HTML:

<p> 
        <div><span>Something_1</span></div> 
        <div><span>Something_2</span></div> 
    </p>

5) В результате выполнения:

$('span').wrapAll('<div></div>');

получим HTML:

<div> 
        <p> 
            <span>Something_1</span> 
            <span>Something_2</span>     
        </p> 
    </div>

1 балл

Какую функцию нужно использовать, чтобы удалить элемент из DOM вместе с обработчиками событий, подписаных на него? Какую функцию нужно использовать, чтобы удалить элемент из DOM вместе с обработчиками событий, подписаных на него?

1 балл

remove()
detach()
delete()
deinstall()

Какие Javascript выражения присвоят переменной "numParagraphs" число параграфов текущей страницы в jQuery 3? Какие Javascript выражения присвоят переменной "numParagraphs" число параграфов текущей страницы в jQuery 3?

1 балл

var numParagraphs = $(p).size();
var numParagraphs = $(p).length();
var numParagraphs = $(p).size;
var numParagraphs = $(p).length;
.size() method is deprecated: 1.8, removed: 3.0

Нижеприведенный код должен сворачивать кнопку, на которой кликнул пользователь. В какой строке допущена потенциальная логическая ошибка?

1) $(".button").click( 
2)      function(){ 
3)          $(".button").slideUp(500); 
4)      });

1) $(".button").click( 
2)      function(){ 
3)          $(".button").slideUp(500); 
4)      });

1 балл