JavaScript jQuery Basics Understanding jQuery Events and DOM Traversal What is Traversal?

MIHA WANG
MIHA WANG
Front End Web Development Techdegree Student 8,169 Points

The Event Target question

After watching the tutorial, I feel a little confusion from the course, the question as follows:

  1. If you dont set up to event.target on the function, only plain html tag or class selected by Jquery, and also they have same content, same classes, same html tag. When you click on either one of these button, why both span appeared?

  2. Ok, after both span appeared, you set to your function to the event. When the $(event.target).show, why the button still appear from the webpage? And also, why you need to set the span tag also to the event.target?

3.As I mentioned from beyond, When you click either one of the button, two contents show up. But, on the event.target method It only shows single one of them. Why this happens?

  1. Lastly, I know 'this' based on your code, and refer to different scope, but is it mostly refers to event.target?

I know my description Is not fully understand, but I hope someone can help me out, Thank you so much!!

1 Answer

Steven Parker
Steven Parker
173,537 Points

A feature of a jQuery object is that it can refer to a collection of elements. So if you use a selector that applies to more than one element, and perform a method on it, the same action will occur on each element the selector refers to.

The event.target is a way you can isolate the specific element that triggered an event.

Inside an event handler, "this" is set to refer to the triggering element. So it would be the same as event.target.

Steven Parker
Steven Parker
173,537 Points

MIHA WANG — Glad to help. You can mark a question solved by choosing a "best answer".
And happy coding!