Главная / Введение в jQuery

Введение в jQuery - ответы на тесты Интуит

В курсе даны самые начальные знания о JQuery - библиотеке JavaScript.

Список вопросов:

# Свойство height элемента div по умолчанию равно:
# Дан код: var a = 1; function getOdd(arg){ var a = 2; if(arg%2){ return arg + a; }else{ a = window.a; return arg + a; } } Что будет возвращено при вызовах – getOdd(1) и getOdd(2) ?
# Выбираем все теги a и b:
# Есть таблица со свойствами, описанными в глобальных стилях: <style> td {width:100px; height:100px; background-color:green; color:white; text-align:center; font-size:40px } </style> <body > <table class="table"> <tr class="header"> <td>1</td> <td>2</td> <td>3</td> </tr> <tr class="body"> <td>4</td> <td>5</td> <td>6</td> </tr> <tr class="footer"> <td>7</td> <td>8</td> <td>9</td> </tr> </table> <script></script> </body> Как с помощью jQuery сделать цвет цифры "6" в таблице красным?
# $("#message").toggleClass('text-danger bg-success') для <p id="message" class="text-danger text-left"> даст следующий результат:
# Есть блок со свойствами, описанными в глобальных стилях: <style> .div {width: 100px; height: 100px; background-color: green; position: absolute; top: 150px; left: 200px; transition: top 0.5s } .b {top: 350px; } </style> <body > <div class="div"></div> <script> $(".div").click(function(){ $(this).toggleClass("b"); }); </script> </body> Что будет происходить при кликах на блоке?
# Это событие не является событием HTML DOM:
# Есть элемент div с классом ".div" и обработчиками событий "click" и "mousedown": <div class="div"></div> $(".div").on("click", function(){ $(this).css("background-color","red") }).on("mousedown", function(){ $(this).css("background-color","green") }); Как из посторонней функции не затрагивая div в браузере закрасить его зеленым цветом?
# $("#accord").slideToggle()
# Дан код: <!DOCTYPE html> <head> <meta charset="utf-8"> <script data-src="jquery-1.12.0.min.js"></script> </head> <style> div {width: 100px; height: 100px; background - color: blue; position: absolute; top: 150px; } .first {left: 200px} .second {left: 330px} .third {left: 460px} </style> <body > <div class="first"></div> <div class="second"></div> <div class="third"></div> <script> $(".first").fadeToggle(100, function(){ $(".second").fadeToggle(100, function(){$(".first").fadeToggle(100, function(){ $(".third").fadeToggle(100, function(){ $(".second").fadeToggle(100, function(){ $(".third").fadeToggle(100)})})})})}); </script> </body> </html> В каком порядке будут происходить изменения в окне браузера при выполнении данного скрипта?
# Добваить элемент в список
# Есть код: <!DOCTYPE html> <head> <meta charset="utf-8"> <script data-src=" jquery-1.12.0.min.js"></script> </head> <style> #target {width:50px; height:50px; background-color: red; border-radius: 25px} </style> <body > <div id="target"></div> <script> window.onmousemove = function(){ var x = event.clientX; var y = event.clientY; var target = $("#target"); //вставить код……………… } </script> </body> </html> Дополнить код, чтобы при движении курсора по окну браузера красный круг перемещался за курсором (таким образом, чтобы курсор находился в центре круга) :
# Собрать данные формы для отправки в формате JSON
# Даны три чекбокса: <input type="checkbox" name="first"> < input type="checkbox" name="second"> < input type="checkbox" name="third"> Выбрать обработчик событий, позволяющий при клике на том или ином чекбоксе получить значение "name" данного чекбокса.
# Какие AJAX события идут в правильном порядке:
# Есть элемент <div id="div"></div>, с обработчиком onmousedown, реализующим эффект перетаскивания блока мышью на экране (Drug'n'drop). Написать обработчик, позволяющий при отжатии левой кнопки мыши отправлять данные о координатах элемента на сервер "server.js".
# Объект Deferred используется для:
# Даны три элемента: <div class="first"></div> <div class="second"></div> <div class="third"></div> В скрипте – объект Deferred, в который каждый из элементов добавляет функцию для изменения своих свойств: var d = $.Deferred(); $(".first").on("click", function(){ d.done (function(){ //изменение свойства элемента с классом "first" }); $(".second").on("click", function(){ d.done (function(){ //изменение свойства элемента с классом "second" }); }); $(".third").on("click", function(){ d.done (function(){ //изменение свойства элемента с классом "third" }); }); Будут ли выполнены функции при вызове d.resolve() если изменение свойств задано в виде $(this).css("свойство","значение")?
# jQuery.data()
# В jQuery UI отсутствуют