jQuery Crash Course [2] - Events

In this video we will be working with jQuery events including mouse, form and input events

[logiconabstractions]

About using <selector>.on('click') vs <selector>.click(): I know this is way from the future, but one thing to be very aware if manipulating the DOM elements with jquery:

.click() will bind the listener ONLY at the creation of the document. Therefore something like $('.foo').click() will only work for elements that were present at the creation, NOT any tag you may have added ajax after to which you've given that class (or that fits whatever selector you have there).

.on('click') however WILL scan the document at runtime. Therefore it WILL find any tag you may have dynamically appended/manipulated in the DOM.

I got bit by that and took me foreever to figure out.

[MrHatapustas]

Best web development youtube channel which i've seen !!

[TariqTariq-sd]

Hey Brad, Just finished your introductory jQuery Course! Most excellent learning experience! Wanting more of these course please. I've become a big fan of you!!!

[harishsiripuram]

I can't thank you enough! I had to learn JQuery in a week for my project, you made it easy for me 😀

[syedmohi]

The best jQuery tutorial i have found so far, . perfect explanation, best channel ever to learn.Highly recommended :)

[ajazmiah]

Theres a shortcut to comment something out...just select the lines of code you want to comment out and Hold " CNTRL" and press"/" and you can also write some lines and when you finish wrting just do the same it wil comment it out automatically.

[Leonardo-gcrh]

Form Events with Focus and Blur 15:23

KeyUp & Key Down Events 19:06

Submit Event and Grab the values 21:45

[galbalazs]

Love your videos, man! I am very grateful for them. Keep up this amazing work!

[anniemargareth]

You saved my life 😃. 4 ever gratefull (as a female developer). 🌹🌹🌹🌹🌹🌹

[aguswidi]

Nice video, I begin to love learning JQuery because of this video.

[AnimatedHooman]

Amazing video, moving on to your next video on Jquery. Thanks

[portlandsound]

Thank you so much for doing these courses. This is helping me out so much!

[Mono]

15:00 so that's how agar.io works. and I thought it was some sort of complicated magic hehe

[axum-tube]

you are my best teacher ever thank you!

[dnafication]

Quick refresher! very well made. Thanks.

[maplestoryinchinese]

Fuck this content teaches me a shit ton more than CodeAcademy ever will!

[PedrovoriskAB]

Wow.. amazing man, thank you very much !!!

[kevinzhang]

thanks for this nice tutorial ... though jQuery is fading, it is still a good skill set for web developer in Y2018

[itzMarcMan]

I kept thinking it was my kid running around at 11pm but remembered you said your kid was running around lol.

[gevcrln]

Another way to work with form data that is submitted is to use the event itself.
You would console log (e.target.name.value); to get the data that's input in the "name" field.