What is jQuery

If you are a foodie like me, I am sure you will enjoy the recipes on my friend's YouTube channel. If you find them useful, please subscribe and share to support her. She's really good at what she does.

Link for all dot net and sql server video tutorial playlists

Link for slides, code samples and text version of the video

What is jQuery
jQuery is a lightweight JavaScript library that simplifies programming with JavaScript.

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.

Why should we use jQuery OR
Advantages of using jQuery over raw JavaScript

The use of JQuery has several benefits over using the raw javascript.
1. jQuery is cross-browser
2. jQuery is a lot more easy to use than raw javascript
3. jQuery is extensible
4. jQuery simplifies and has rich AJAX support
5. jQuery has large development community and many plugins. Example autocomplete textbox plugin.
6. Excellent documentation

How to use jQuery in a web application

What is the difference between jQuery 1.x and 2.x
If you want to support IE6/7/8, then use jQuery 1.x where as if you don't have the need to support IE6/7/8 then use jQuery 2.x. jQuery 2.x is smaller in size than jQuery 1.x.

Example : Adding a click event handler for a button control using raw JavaScript. addEventListener() method is not supported in IE [ 9.

[script type="text/javascript"]
{
// For all modern browsers
{
}
else
// For Internet Explorer [ 9
{
}

function clickHandler()
{
alert('jQuery Tutorial');
}
};
[/script]
[input type="button" value="Click Me" id="button1" /]

Example : Adding a click event handler for a button control using jQuery. With jQuery we have less code to achieve the same thing.We don't have to worry about cross-browser issues, as all this is taken care by jQuery.

Please Note : If you want this example to work in IE 6/7/8, then use jQuery 1.x. If there is no need to support IE 6/7/8, then use jQuery 2.x.

[script type="text/javascript"]
$('document').ready(function ()
{
$('#button1').click(function ()
{
alert('jQuery Tutorial');
});
});
[/script]
[input type="button" value="Click Me" id="button1" /]

Points to remember :
1. ready() function ensures that the DOM is fully loaded.
2. $ is a shortcut for jQuery.
3. All three of the following syntaxes are equivalent:
$( document ).ready( handler )
$().ready( handler ) (this is not recommended)
$( handler )

[gardyroy]

The Irony of Life!!
I Spent 4 yrs and more than 10 Lacs Rs. to get a College Degree and was unable to find a decent paying developer job in the last 2 years.
I paid nothing and just spent 3 months on these video Tutorials and now have a Job.
I think University education has lost its meaning.
Thank You Kudvenkat.
I owe you one..
You are a gem of an Indian.

[Kevzhang]

Indian Youtubers are always unselfish to share knowledge~ Thank you very much!

[learnfrommistake]

Your a great man kundvenkat. Thank you for sharing your knowledge for us. We salute you and please continue to inspire and educate many programmers all over the world. Thank you so much.

[mehmetyanbak]

I watched your all jquery tutorials. I would recommend it to anyone who wants to learn jQuery. Thanks

[afshakhan]

I can't just tolerate even a minute of any other tutor's voice or explanation after I've completed with ur JS tutorials. U r truely superb at teaching and giving importance to each and every aspect of any technology that u teach. Thank u so much :) and God bless u!!

[krismaly]

Introduction of jQuery is explained well and clear with various versions.

I enjoyed watching this video and recommend other to watch.

Thanks for educating the community and appreciate all your efforts in educating the world.

Thanks a bunch

[alexrinconz]

Thanks a lot Sir!! Jquery is what a lot of us were expecting from the best instructor!

[rahultiwari]

I would like to thanks you sir, After MCA, I have no decent job but with help of your videos I find the job in good IT company . God bless you more more more because I have no mony for any coaching but I did, Thanks Thanks Thanks, Thanks sir

[codemau]

Thank you master! it's incredible how even in 2019 this library is being use by enterprises.

[shahulha]

Thank you so much venkat was waiting for JQuery tutorials

[narendraaseri]

wow..waiting for so long for JQuery tutorials. Thank you Venkat sir

[amirabdollahi]

The best tutorial ever. Deeply explained and super easy to understand. Thanks a lot.

[pathapac]

All your tutorial videos are simple and very well explained. Being a developer I still get insight watching your videos. One suggestion for you. It would be great if you can open up some link where we can make donations to the extent we can as a token of gratitude. And I see lot of people who simply love your tutorials !!!
Thank You

[vimalkrishna]

You are simply awesome Venkat, great explanations, great modulation.

[phaobi]

Sir Venkat, You are the bestest of the best. We all love you alot and alot. God is Blessing You more than needed for your profound Astonishing work....!!!!

[badman]

I Really Like this Man and appreciate your Sincerity of sharing your Knowledge.
In short he is the Best Programming Teacher.
Thank you so much Sir!

[sandipshelake]

Thank you Venkat sir. this is valueable resource .we people was eagarly waiting for it.

[itpeoplemumbai]

Thanks Venkat for sharing wonderful knowledge .. it is very much helpful to understand the jquery from basic . You are rock Men.. Keep motivating ...to us .

[raqibul]

Hey Venkat MANY MANY MANY Thanks for starting jQuery.... 

[dharanir]

Hi Venkat,

Excellent tutorials. "The Best Videos" that i have ever seen. I have seen all your videos. I was waiting for JQuery. Your are doing a great job please continue. To your surprise i have shared your videos with my colleagues too :).