jQuery Tutorial For Beginners | Developing User Interface (UI) Using jQuery | Edureka

🔥 Edureka Full Stack Developer Training: www.edureka.co/masters-progra...
This video on jQuery will help you understand the basics of jQuery and you will also be able to create your own program using jQuery by the end of this video. Following topics are covered in the video:
2:45 What is JavaScript?
3:51 Why use jQuery?
5:25 What is jQuery?
6:22 Install jQuery
9:06 The DOM
9:54 jQuery Selectors
17:49 jQuery Methods - before()
19:08 jQuery Methods - after()
19:50 jQuery Methods - text()
22:35 jQuery Methods - html()
24:30 jQuery Methods - css()
27:20 jQuery Methods - attr()
33:12 jQuery Methods - val()
39:36 jQuery Methods - addClass()
43:20 jQuery Methods - removeClass()
43:30 jQuery Methods - toggleClass()
44:36 jQuery Events - click()
46:54 jQuery Events - on()
47:15 jQuery Events - keypress()
50:51 jQuery Effects - hide()
51:15 jQuery Effects - show()
51:19 jQuery Effects - toggle()
55:15 jQuery Effects - fadeOut()
55:30 jQuery Effects - fadeIn()
55:33 jQuery Effects - fadeToggle()
1:02:53 jQuery Effects - slideDown()
1:03:08 jQuery Effects - slideUp()
1:03:13 jQuery Effects - slideToggle()
1:06:37 jQuery UI - draggable()
1:06:41 jQuery UI- droppable()
1:13:21 jQuery UI- datepicker()
Link to download Visual Studio Code: code.visualstudio.com/
Link to HTML video:
• HTML Tutorial: What Is...
Link to JavaScript video:
• JavaScript Tutorial Fo...
Subscribe to our Edureka KZbin channel and hit the bell icon to get video updates: goo.gl/6ohpTV
--------------- JavaScript Certification Training ----------------
🔵 Edureka Angular Training: bit.ly/38mi3sw
🔵 Edureka ReactJS Training: bit.ly/2DVP6Wz
🔵 Edureka NodeJS Training: bit.ly/35ehwXX
🔵 Edureka Web Development Training: bit.ly/3zCqNr3
🔵 Edureka Full Stack Training: bit.ly/2YveVpL
🔵 Edureka Python Django Training: bit.ly/2RAk6Do
--------------------------------------------------------------------------------------------------------
Instagram: / edureka_learning
Facebook: / edurekain
Twitter: / edurekain
LinkedIn: / edureka
-------------------------------------------------------------------------------------------------------
About The Course:
Full Stack Web Development Masters Program makes you proficient in skills to work with back-end and front-end web technologies.
It includes training on:
1. Web Development,
2. jQuery, Angular,
3. NodeJS,
4. ExpressJS, and
5. MongoDB.
The curriculum has been determined by extensive research on 5000+ job descriptions across the globe.
-------------------------------------------------------------------------------------------------------
How It Works?
1. This is a 21 Week Instructor-led Online Course, 125 hours of assignment and 125 hours of project work
2. We have a 24x7 One-on-One LIVE Technical Support to help you with any problems you might face or any clarifications you may require during the course.
3. At the end of each course, there will be a project, post completion of that project you will be given a certificate
----------------------------------------------------------------------------------------------------------
Got a question on the topic? Please share it in the comment section below and our experts will answer it for you.
For more information, please write back to us at [e-mail] or call us at IND: 9606058406 / US: 18338555775 (toll free).

[@edurekaIN]

Got a question on the topic? Please share it in the comment section below and our experts will answer it for you. For Full Stack Training curriculum, click here: bit.ly/2AUZv2y

[@gopic9303]

Great Class after many years I listened a class non stop for 1 hour:15 mins,Instructor is very experienced developer and great teacher as well,Thank you

[@edurekaIN]

Hi Gopi, thank you for appreciating our efforts. We strive to provide quality tutorials so that people can learn easily. Do subscribe to our channel and stay connected with us. Cheers :)

[@nastarankianersi104]

This was such a great tutorial. At first I thought jQuery had a weird syntax but your explanation was so clear thank you sooo much ^^

[@pankajs271178]

One of the best tutorials.. Exact Description and upto the point... Thanks a lot

[@boontreerayapiwat1878]

Good tutorial. Content is well organised. Thanks for sharing.

[@zeeshansiddiqui5801]

You deserve a big like.. Thanks for your effort.

[@sachinbhagwat2027]

it was very clear to understand just like your voice..thanks for this tutorial....cheers!!!

[@bhavikakapadia2462]

I loved the tutorial Just a quick question drag and drop only work with jQuery or it can be done with other languages

[@nirajanneupane1133]

Absolutely love it. I was just beginner. Now i get to know about the juery

[@Ramusubrahmanya]

Such a great tutorial. This came in handy at right time. Thank you soooooo much.

[@deepaligandhi3075]

The video is very good,every concept is nicely explained...thank you!

[@shashwatsharma8905]

I love it , gr8 tutorial...!! Best possible explanation of each and every concept tought throughout the lecture. Awesome teacher, if asked for feedback I'll give 10/10.

[@navinballa]

Lot of info in single place. Thanks Edureka!

[@pinkym6934]

I enjoyed every bit of this tutorial!!!!AWESOME!!!The teacher is EXCELLENT!!!

[@yvswamy8017]

It was simply superb Way of explaining was awesome 👏 Thank you..😊

[@akosan]

Thank you for your effort. This was well done and very friendly. Regards from Chile!

[@vidhyanandcs1197]

The class was optimally paced and the examples were good and interesting . Liked the class very much . Thank u

[@thiyanarumugam9360]

Great expectations... best for beginners to jquery with some basic knowledge of html and css

[@TheDickname]

Great tutorial. You made the understanding a piece of cake. Thanks!

[@ahlanarabia2750]

Nice teaching... Neat and clear. Thank you for sharing

[@krazykalai5057]

Everyone can easily understand.. the nice way of teaching. we loved it.

[@nikashdeka6663]

Awesome content and your delivery of the tutorial is so precise and plain that a newbie can grasp the concepts easily and not be afraid of jQuery anymore 👍👌🏽😀

[@developer8253]

I love this tutorial, very nice. And your way to explain is really awesome :) Thanks a lot ;)

[@joynd]

Great tutorial! There are not a lot of good jquery videos on youtube but this one is very good!

[@msa_1439]

Great this Tutorial is deeply Explained Thanks for sharing us

[@jnanapj9850]

Helped me a lot, great work!!! Thanks.

[@charnpreetsingh798]

One of the best tutorials.

[@Adam-gp3ij]

This lady is awesome! Thx a lot

[@Biggu_faza]

i love the tutorial, very niiiice yaar.

[@saigangadharreddymallidi1311]

Such a Great Tutorial it was.... Thanks to Edureka and the Mentor.

[@reeteshkesarwani8960]

Very clear and crisp explanation..loved and learned a lot from this tutorial

[@deepakkumartiwari9641]

Deeply Explained, Thanks! Waiting for the next Tutorial. :)

[@edurekaIN]

Hey Deepak, thanks for watching the video. Do subscribe bit.ly/edurekaKZbin, like and share to stay connected with us.

[@pramodreddy5011]

Awesome Session...Thank you very much!!

[@tapannayak9384]

Great Learning... The way of representation.

[@yinandyang2599]

Excellent tutorial jQuery never seemed so easy. Brilliant presentation 👌

[@mncobidee4299]

Perfect job well done.... its very clear and easy to follow

[@enjoymoments1214]

Thanks for detail explanation. I love your tutorial..

[@kli9005]

Thank you so much for this!

[@mihai_sv7481]

Thanks a lot for this tutorial. You helped me a lot. ♥️♥️♥️

[@nishithasurapudi455]

I never thought jQuery could be this beautiful, well I guess the explanation made it more easy to look!!

[@edurekaIN]

Thanks for the compliment! We are glad we could help. Do subscribe to our channel to stay posted on upcoming tutorials.

[@TramoTech]

good explained. Thanks!

[@electro66464]

I never ever heared such a explanation thank you so much

[@Coderdawg]

You rock!!! Thank you!

[@pradeepsasi936]

really helpful..thanks a ton!

[@vadivelan4228]

Good to start.. very clear presentation.....

[@phanidhargajawada9925]

This video made easier for me to understand the jQuery. Looking forward to watch an learn more from you guys. Thanks Edureka.

[@edurekaIN]

Hi Phanidhar, thank you for your insights. Do subscribe to our channel and stay tuned, cheers :)

[@kumararun8337]

Thanks for this tutorial

[@subhashgn1775]

Enjoyed the explaination.... Thank you for the great and concise content..

[@drashtishah277]

Thank you so much for this video

[@digitalmarketingtutor]

Thank you for this video

[@Username64870]

You are a great teacher..you got my subscription..!

[@venkatasubbareddy6425]

Thank you so much. very good explanation and interesting

[@venkatg8788]

Very nice, informative...clear presentation...10/10 class...super

[@fridayfred3p]

Great class edureka! very easy to follow and phenomenal explanations of concepts

[@patkartarun]

Nice and target able for beginners ,

[@rameshbabu5754]

good explain, good subject this is very use full to learning in fast way

[@ssj179]

Really awesome explanation for someone to start learning

[@donaldmahanta6267]

Simply awesome.

[@libra0670]

thanks. nice tutorial.

[@skdesign1567]

It was simply superb & point to point with practically describe. Way of explaining was awesome 👏 Thank you so much ..😊

[@rohitghadge9173]

thanks very helpful video

[@nikhilmahajan4129]

This is simply awesome⚡⚡

[@mrskyadavyt]

Zulekha from edureka one my favorite teacher in edurka online video her voice ,way of teaching is awsome I request her plz plz plz make a video on php i hope my request reach her soon & bless to Edureka channel

[@remitran4146]

this video is very usefull, thank U very much.

[@charanreddy5227]

Want to say thanks for your efforts

[@closed482]

You explained very good. Thank you very much

[@TahirAli-mk3om]

Waw! What a great class ..!!!!!!!!!

[@manjit1305]

thank you,,,

[@pratibhagramopadhye6323]

It Was Excellent.......Thank You.

[@AmeerSohailOfficial]

Cleared all the basics required in jQuery thanks a lot 🙏

[@edurekaIN]

Thank you so much for the review ,we appreciate your efforts : ) We are glad that you have enjoyed your learning experience with us .Thank You for being a part of our Edureka team : ) Do subscribe the channel for more updates : ) Hit the bell icon to never miss an update from our channel : )

[@AmeerSohailOfficial]

@@edurekaIN I want you to make a advanced real time jQuery projects by the same person who covered the basics it will be helpful for us Thanks

[@morrischanda4783]

Thanks a lot

[@venkateshprasathm7835]

Thank you very much mam!

[@sujith5174]

The way of explanation is simply superb

[@mohammadakib2333]

Very beautifully explined. I will subscribe

[@neverstoplearnandearn]

thanku soo much this tutorial really gud ||||

[@amanrastogi1232]

A balanced tutorial and a very excellent explanation... thank you mam and thank you edureka! :)

[@edurekaIN]

Thank you for appreciating our efforts, Aman. We strive to provide quality tutorials so that people can learn easily. Do subscribe to the channel and hit the bell icon to never miss an update from us in the future. Cheers!

[@pinkym6934]

LADY YOU ARE THE BESTEST!!!!KEEP GOING!!!

[@SadaqatAli-hv3cw]

Just wow..thank you so much. I learn a lot from this tutorial. Clean and clear.Thank you

[@Ina_dahirr]

I was hate jquery but after ur video I love it thank u

[@nishantmahajan55]

Awesome tutorial!!!

[@engineers-blog]

Session is amazing.

[@prathapkasi7739]

Thank you so much madam? Keep enlightening us🤝

[@rajolihemanthkumar6635]

Nice explanation 👌 by elaka by edureka

[@myron6465]

Thank you ❤️

[@rameshbabu5754]

thanks for you effort

[@pysco11]

Thank you very much for this clear and concise beginner's tutorial. I loved it!

[@edurekaIN]

Hey:) Thank you so much for your sweet words :) Really means a lot ! Glad to know that our content/courses is making you learn better :) Our team is striving hard to give the best content. Keep learning with us -Team Edureka :) Don't forget to like the video and share it with maximum people:) Do subscribe the channel:)

[@jainikprajapati1632]

Very informative

[@SUBHAMCHAKRABORTY]

great tutorial... learned a lot :) thank you

[@edurekaIN]

Thanks for watching! Glad you liked it ! We are glad to have learners like you . Do subscribe our channel and hit that bell icon to never miss an video from our channel .

[@monarch2002]

Tqs for ur valuable information 💫

[@edurekaIN]

You're Welcome 😊 Glad it was helpful!!

[@parthapaul1249]

Wonderful video mam

[@sachinsisania6478]

lovely explanation

[@MADORCS]

This video was great!!!!

[@rutvikthakkar9816]

great, i love it

[@BhanupratapSingh-jl9pv]

Nice explain by teacher.... Thanks for making this video.

[@edurekaIN]

We are super happy that Edureka is helping you learn better. Your support means a lot to us and it motivated us to create even better learning content and courses experience for you . Do subscribe the channel for more updates : ) Hit the bell icon to never miss an update from our channel : )

[@wookotech4216]

Well organised tutorial. Thanks a lot!

[@edurekaIN]

Hi Richard, Thank you for appreciating our efforts! We are glad you loved the video. Do subscribe to the channel and hit the bell icon to never miss an update from us in the future. Cheers!

[@daniel71626]

Thanks:)

[@rahman_77k50]

Gd tutorial for beginners thnq u👌👍

[@edurekaIN]

Hi Rhaman, thanks for the appreciation! Do subscribe, like and share to stay connected with us. Cheers!

[@RakibHossain-mo7ty]

Awesome tutorial

[@deeproy7292]

thank you

[@ruqayyahsara222]

amazing tutorial !!