jQuery and AJAX Tutorials 4 | Events and Triggers

In the previous tutorials we learned lots of basics, like how jQuery works and how to style each element on the page using selectors. We wrote some jQuery code which hid buttons or changed their appearance a little bit. But of course we could have done all that without using jQuery. In this tutorial we are going to learn something very cool -- it's going to be an introduction to the web interactivity. So what do I mean by saying interactivity? Let's say we have a web page with a bunch of buttons or text input fields on it. Most of the time we want something specific to happen when a user clicks a button or starts entering text into a text box without reloading the page. It's impossible to solve that using only HTML and CSS -- you would want to use scripts. jQuery as a JavaScript library, allows you to do a lot and it also contains numerous complete solutions on tracking user activity -- you just need to know how to pick the right one. So this is pretty much the stuff we are about to learn in this tutorial.

[mcbair]

I really like the way you explain things. You keep it steady, simple, and straightforward

[mosapz]

Very good tutorial, easy to understand. Thanks

[tao]

Oh shit, this is a really good video. It helps me a lot on my up coming assignment. Thanks a lot!!!

[phuongtdo]

Thank you so much... Great tutorial!!!

[paulkap]

Although everything works well in the previous examples, when I want to have some changes after clicking the button, the changes appear for just a moment and the disappear again. Does anyone have any idea why this is happening?

[kunaldedhia]

Hi Thanks for this awesome video. I had a query why do we add one more function when we already have one function present. Please help...

[johncaballero]

what notepad did you use? please bro give me link! tnx :)

[birkhansonkan]

why doesnt it work if you change $(this).css into $('#special').css

[muhammadawais]

where's the fucking trigger function ?