Вопрос по jQuery

Начал разбор jQuery и тут возник вопрос, как можно кликом мышки по экрану вывести через alert() имя DOM элемента в котором произведен клик.
Начал копать в сторону this, но что-то я тут не совсем разберусь.

погугли eventTarget и все станет понятным

xjam писал:

погугли eventTarget и все станет понятным

Спасибо! Нашел даже с примером подобный нужному.

Lexikon: jQuery обьект элемента не одно и то же, что DOM обьект браузера. Это принципиальное различие.

S_Flash писал:

Lexikon: jQuery обьект элемента не одно и то же, что DOM обьект браузера. Это принципиальное различие.

Не совсем понял о чем речь.

Lexikon писал:

Не совсем понял о чем речь.

$('#elemid') и document.getElementById('elemid') - разные обьекты, хотя может показаться иначе. Из первого можно получить второй.

Внутри event handler-a this = DOM элемент.

S_Flash писал:

$('#elemid') и document.getElementById('elemid') - разные обьекты

а $('#elemid') и document.querySelector('#elemid') - разные?

Чур не подглядывать в гугол.

S_Flash писал:

$('#elemid') и document.getElementById('elemid') - разные обьекты, хотя может показаться иначе. Из первого можно получить второй.

Теперь понятней. Благодарю!

Вчера занимался написанием коротких кодиков, для практических навыков. Интересная вещь этот jQuery, занимательная
Но вот как я понял одновременно несколько операций jQuery выполнять не может.
Вчера попытался свернуть div и одновременно чтоб в этом диве исчезал текст, но всё происходило последовательно.
JS

Код:

$(function(){    $(".divTextBlock").click(function() {      $("#pTextBlock").hide(2000, function(){         $(".divTextBlock").hide(2000);      });    });    });

HTML

Код:

<div class="divTextBlock"><p id="pTextBlock">only text / only text / only text / only text / only text / only text / only text</p></div>

Можно сделать так, чтоб всё выполнялось не последовательно, а одновременно? А то сначала #pTextBlock скрывается, затем .divTextBlock, а хотелось одновременно.

Lexikon писал:

Можно сделать так, чтоб всё выполнялось не последовательно, а одновременно? А то сначала #pTextBlock скрывается, затем .divTextBlock, а хотелось одновременно.

https://jsfiddle.net/umbrellacoders/yvjnd4qj/

Lexikon писал:

Интересная вещь этот jQuery, занимательная

Тока учти один момент. Как только ты подгрузил жквери, вкладка браузера утяжелилась минимум на 35 мегабайт ;)

dizziness писал:

https://jsfiddle.net/umbrellacoders/yvjnd4qj/

Такое использование dequeue() может привести к трудно отлавливаемым багам.

В случае, когда в очереди только 2 элемента, все работает как задумано.

Если в очереди больше 3 элементов и dequeue использован 1 раз, тогда вместо "сначала выполнить 2 эффекта вместе, а потом все остальные по очереди" получаем "все эффекты выполняются по 2 одновременно". Если dequeue() использовать 2 раза, чтобы запустить три эффекта подряд, получим выполнение всех эффектов по 3 одновременно.

Заковыка в том, что коробочные эффекты (slideX, animate etc) внутри вызывают dequeue() для движения по очереди. Поэтому если мы одновременно запускаем на выполнение 2 эффекта посредством ручного вызова dequeue(), когда эти эффекты доработают, они ОБА вызовут dequeue() и тем самым запустят два следующих эффекта и т.д.

Попробуй выполнить цепочку

Код:

animate({...}).animate({...}).dequeue().animate({...}).animate({...})

Эффекты 1-2 и 3-4 запустятся одновременно.

Назначение dequeue() - движение по очереди в кастомных функциях, добавленных в очередь методом queue().


Запускать эффекты одновременно нужно без очередей:

Код:

$selection     .animate({width:"+=100px"},{queue: false})     .animate({height:"+=100px"},{queue: false});

Доступ к флагу queue есть только в этом формате вызова animate(). Все параметры (duration etc) передаются через второй параметр-объект.

Rem как бы намекает что логика и фичи JS фреймворков слегка twisted, да

Lexikon писал:

Вчера попытался свернуть div и одновременно чтоб в этом диве исчезал текст

Для этого нужен JQuery? В 2016?

Yacc писал:

Для этого нужен JQuery? В 2016?

В самом первом посте я написал "Начал разбор jQuery..." т.е. научиться сворачивать див с исчезающим текстом это не была основная и конечная цель , это как один из рабочих моментов в изучении и непонимании jQuery.

Понимать надо стоящую перед тобой задачу. jQuery не надо понимать, это библиотека - набор функций, их нужно просто знать, чтобы никогда не использовать.

Вот: http://microjs.com