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

Дан 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(); 

Дан код:

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

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

<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"); ? 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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