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

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 HTML video:

Link to JavaScript video:

---------------- JavaScript Certification Training -----------------

--------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------

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.

[gopic]

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

[nastarankianersi]

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 ^^

[zeeshansiddiqui]

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

[AmeerSohailOfficial]

Cleared all the basics required in jQuery thanks a lot 🙏

[shashwatsharma]

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.

[boontreerayapiwat]

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

[sachinbhagwat]

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

[Ramusubrahmanya]

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

[navinballa]

Lot of info in single place. Thanks Edureka!

[yvswamy]

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

[pankajs]

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

[nishithasurapudi]

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

[vidhyanandcs]

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

[krazykalai]

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

[deepakkumartiwari]

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

[DAN-qqqm]

Am I the only one who fell in love with this instructor?

[akosan]

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

[nirajanneupane]

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

[bhavikakapadia]

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

[developer]

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