jQuery - Основы

Дан код:

<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 балл

1
2
3
4
5

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

1 балл

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

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

1 балл

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

Какие 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

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

<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 балл

2
3
4
5

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

1 балл

1
2
3
4
5

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

1 балл

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

Что нужно вставить в первую строку вместо _______, чтобы создать дополнительный псевдоним (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 балл

1
2
3
4

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

1 балл

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

Дан 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.

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

1 балл

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

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

1 балл

1
2
3
4

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

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

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

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

1 балл

1
2
3
4

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

1 балл

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

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

1 балл

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

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

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

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

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

1 балл

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

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

1 балл

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

Что будет если в контексте обработчика события обратиться к методу 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"
Ничего не произойдет

Какой из вариантов соответствует элементам с атрибутом '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 балл

1
2
3
4
5
6

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

1 балл

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

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