Методы Jquery

Question 1

Если в Jquery повесить на два объекта одно событие, например:
$(‘#window-dialog’, ‘#window-dialog_2’).что-нибудь(),
при этом один из объектов не будет создан (в разметке или динамически) - что произойдёт?

Answer 1

Событие не сработает ни на одном.

Question 2

Если скриптом нужно добавить flex-блоку display: block; - flex свойства будут проигнорированы. Как лечить?

Answer 2

для таких блоков ИСПОЛЬЗОВАТЬ:

1) . $(document).ready(function() {$(“скрытый при загрузке страницы блок”).hide();});
2) . в цсс - флекс, затем
3) . затем в скрипте $(“скрытый блок”).show();

а в случае, если объект нужно спрятать - показать несоклько раз после загрузки страницы - играть с height, visibility, opacity, z-index, а от show/hide/fadeIn/fadeOut - отказаться

Question 3

Иногда копии функций, где в оригинале действие вешается на клик, а в копии - на тач, то они могут мешать друг другу работать, как например?

Answer 3

Например, если видео должно становиться на паузу по клику на себя и появиться подложка, и играть по клику на подложку, видео будет играть долю секунды и тут же становиться на паузу.

Question 4

Если объект, на которое повешено событие по клику, имеет внутри себя чекбокс, то это событие может повторяться дважды при одном клике. Лечится так:

Answer 4

$(‘.родитель label’).on(‘click’, function(event) {
event.preventDefault();
$(‘инпут внутри чекбокса’).prop(‘checked’, true); - чтобы совершить то, для чего чекбокс был создан. Например, для трансформации бургер-меню.
});

Question 5

Для каких элементов работает .focus()?

Answer 5

.focus() работает только для button, input, select, a(ссылки) и другие элементы, c которыми посетитель может взаимодействовать.

Question 6

Делегированная обработка событий:

Answer 6

$(‘parent_static’).on(‘event’, ‘children_dinamic’, handler (){ });
Где parent_static - это статичный родительский элемент (лучше ближайший, но подойдёт и body), event - событие, children_dinamic - дочерний динамический элемент, на котором обработчик и должен сработать.

Question 7

Иногда исчезновение с помощью opacity может мешать работе события по клику на элемент, который появляется поверх элемента, скрытого с пом. opacity: z-index не помогает,как лечить?

Answer 7

Лечится только с помощью display:none.

Question 8

Если show-показать, hide - скрыть, то что значит toggle?

Answer 8

toggle - показать или скрыть, в зависимости от того, в каком состоянии элемент сейчас - показан или скрыт

Question 9

свойство transition может конфликтовать со свойством jquery animate, а конкретно?

Answer 9

А конкретно - с заданным временем анимации и заставлять её притормаживать.

Question 10

Что может испортить подсчёт OuterWidth?

Answer 10

Подсчёт OuterWidth может испортить margin:auto

Question 11

Где почитать про ширины и высоты в JQuery

Answer 11

В корне HTML после курсов