jQuery Tutorial #3 - Writing Smarter, Better Code - jQuery Tutorial for Beginners

With jQuery is easy to make things happen, but easy doesn't always mean right! In this lesson, we're gonna make our 20 lines of code compact into 4 lines of code...and it will be better code

This will involve selecting HTML elements by classname and getting a custom HTML5 attribute value with jQuery.

-~-~~-~~~-~~-~-
Also watch: "Responsive Design Tutorial - Tips for making web sites look great on any device"
-~-~~-~~~-~~-~-

[jojojawjaw]

For people who got a little confused by the 'this'. 'This' refers to the element that initiated the event from the first place. For example if $('#btn1').on("click", function(){...}); is what triggered the function at the click event, then 'this' is exactly the specific #btn1, saying 'this' is almsot like saying 'me'. So, this.attr is btn1's attributes, and this.html() produces the same results as $('#btn1').html(), and so on for whichever other elements or objects that trigger other events.

[McGavel]

I like the acronym DRY: Don't Repeat Yourself.

Thanks for teaching about how to use JQuery.

That's also really cool about being able to add one's own HTML attributes to elements with the data- prefix!

[ilknurgkcgl]

YOU ARE JUST AWESOME! Im taking a traditional class actually and its been already 4 classes, I couldnt learn anything as good as I learned from your videos! Thanks a lot for making your videos in such a way!

[JoeOracoy]

The most simplest and easiest JQ tutorial in YT. Thanks

[demolitionman]

This man is the GOAT. Take a bow, sir.

[iusting]

This video series is awesome. Really helps me with my jQuery. Thanks a lot for making it!

[Gamingdice]

Thanks a bunch for uploading these, well explained at a good pace. I'm giving myself a kickstart before I start taking computer science all the way next semester.

[ngoziize]

Excellent tutorials that an absolute jQuery novice like me easily understand.
A big thank you! 

[nebojshakilibarda]

dude this is so lit.... its explained as if i never touched keyboard in my life...which is what I need... lovin' it :D

[filippalexandrov]

the fun of using jquery never thought about it, but ur right bro, keep it up

[cehson]

Omg, your tutorials are so good, you explain realyyyy good. Thank you for everything. (even disabling adblock to help you that way). Cheers !

[carlx]

Thanks so much for these first three videos so far. They really helped out once I made the connection on how to do something after looking at 4:21

[MrHenkjan]

Thanks guy, your tutorials are of a high level fast, but just not too fast :P

[hobhwood]

Thanks for these videos! Clear, concise, and easy to follow :)

[sophiegranlof]

Thank you so much, you're my hero for my studies this autumn.

[SubrataSen]

Thank you so much now i can make my own mega menu using jquery because of you Thanks a lot again

[speakinofmegan]

Wow, I wish I found your videos sooner! These are great! Thank you

[brainplot]

Your videos are awesome! You teach a loads of things in very few minutes! And your speaking pace is fantastic hahahah

[robbyevil]

Thanks for short and understandable tutorials.

[sansrawat]

Thanks for explaining jquery so easily, I am very new to this technology and working on the below requirement

1) On page load show a popup with few links(dynamic-no href available needs to handle in the js) 2) On click of any link close the popup and save the selection value in the cookie.

Since I am new to jquery so thinking where to start and how, if anyone can provide a good code example, will be really appreciated.