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

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ต.ค. 2018
  • 🔥 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 TH-cam 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 sales@edureka.co or call us at IND: 9606058406 / US: 18338555775 (toll free).

ความคิดเห็น • 180

  • @edurekaIN
    @edurekaIN  5 ปีที่แล้ว +14

    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
    @gopic9303 5 ปีที่แล้ว +31

    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
      @edurekaIN  5 ปีที่แล้ว +5

      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
    @nastarankianersi104 4 ปีที่แล้ว +8

    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
    @pankajs271178 5 ปีที่แล้ว +1

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

  • @zeeshansiddiqui5801
    @zeeshansiddiqui5801 5 ปีที่แล้ว +6

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

  • @nirajanneupane1133
    @nirajanneupane1133 4 ปีที่แล้ว

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

  • @pinkym6934
    @pinkym6934 4 ปีที่แล้ว

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

  • @boontreerayapiwat1878
    @boontreerayapiwat1878 5 ปีที่แล้ว +6

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

  • @sachinbhagwat2027
    @sachinbhagwat2027 5 ปีที่แล้ว +1

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

  • @navinballa
    @navinballa 4 ปีที่แล้ว +1

    Lot of info in single place. Thanks Edureka!

  • @deepaligandhi3075
    @deepaligandhi3075 5 ปีที่แล้ว +1

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

  • @bhavikakapadia2462
    @bhavikakapadia2462 5 ปีที่แล้ว +5

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

  • @thiyanarumugam9360
    @thiyanarumugam9360 5 ปีที่แล้ว

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

  • @yvswamy8017
    @yvswamy8017 4 ปีที่แล้ว +3

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

  • @akosan
    @akosan 4 ปีที่แล้ว +1

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

  • @vidhyanandcs1197
    @vidhyanandcs1197 5 ปีที่แล้ว

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

  • @TheDickname
    @TheDickname 5 ปีที่แล้ว

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

  • @Ramusubrahmanya
    @Ramusubrahmanya 3 ปีที่แล้ว +2

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

  • @shashwatsharma8905
    @shashwatsharma8905 3 ปีที่แล้ว +3

    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.

  • @Coderdawg
    @Coderdawg 5 ปีที่แล้ว

    You rock!!! Thank you!

  • @charnpreetsingh798
    @charnpreetsingh798 4 ปีที่แล้ว +1

    One of the best tutorials.

  • @ahlanarabia2750
    @ahlanarabia2750 5 ปีที่แล้ว +1

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

  • @krazykalai5057
    @krazykalai5057 3 ปีที่แล้ว

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

  • @Adam-gp3ij
    @Adam-gp3ij 4 ปีที่แล้ว +1

    This lady is awesome! Thx a lot

  • @nikashdeka6663
    @nikashdeka6663 5 ปีที่แล้ว

    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 👍👌🏽😀

  • @saigangadharreddymallidi1311
    @saigangadharreddymallidi1311 3 ปีที่แล้ว

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

  • @msa_1439
    @msa_1439 5 ปีที่แล้ว

    Great this Tutorial is deeply Explained
    Thanks for sharing us

  • @jnanapj9850
    @jnanapj9850 3 ปีที่แล้ว +1

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

  • @kli9005
    @kli9005 3 ปีที่แล้ว +1

    Thank you so much for this!

  • @tapannayak9384
    @tapannayak9384 4 ปีที่แล้ว

    Great Learning... The way of representation.

  • @reeteshkesarwani8960
    @reeteshkesarwani8960 4 ปีที่แล้ว

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

  • @pramodreddy5011
    @pramodreddy5011 4 ปีที่แล้ว +1

    Awesome Session...Thank you very much!!

  • @kumararun8337
    @kumararun8337 4 ปีที่แล้ว +1

    Thanks for this tutorial

  • @TramoTech
    @TramoTech 4 ปีที่แล้ว

    good explained. Thanks!

  • @pradeepsasi936
    @pradeepsasi936 4 ปีที่แล้ว

    really helpful..thanks a ton!

  • @developer8253
    @developer8253 4 ปีที่แล้ว +1

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

  • @joynd
    @joynd 4 ปีที่แล้ว

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

  • @enjoymoments1214
    @enjoymoments1214 4 ปีที่แล้ว

    Thanks for detail explanation. I love your tutorial..

  • @libra0670
    @libra0670 5 ปีที่แล้ว

    thanks. nice tutorial.

  • @Biggu_faza
    @Biggu_faza 4 ปีที่แล้ว +1

    i love the tutorial, very niiiice yaar.

  • @electro66464
    @electro66464 3 ปีที่แล้ว

    I never ever heared such a explanation thank you so much

  • @donaldmahanta6267
    @donaldmahanta6267 4 ปีที่แล้ว +1

    Simply awesome.

  • @mihai_sv7481
    @mihai_sv7481 4 ปีที่แล้ว

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

  • @yinandyang2599
    @yinandyang2599 4 ปีที่แล้ว

    Excellent tutorial jQuery never seemed so easy. Brilliant presentation 👌

  • @digitalmarketingtutor
    @digitalmarketingtutor 3 ปีที่แล้ว +1

    Thank you for this video

  • @mncobidee4299
    @mncobidee4299 4 ปีที่แล้ว

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

  • @AmeerSohailOfficial
    @AmeerSohailOfficial 2 ปีที่แล้ว +1

    Cleared all the basics required in jQuery thanks a lot 🙏

    • @edurekaIN
      @edurekaIN  2 ปีที่แล้ว

      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
      @AmeerSohailOfficial 2 ปีที่แล้ว

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

  • @drashtishah277
    @drashtishah277 3 ปีที่แล้ว

    Thank you so much for this video

  • @manjit1305
    @manjit1305 5 ปีที่แล้ว +1

    thank you,,,

  • @nikhilmahajan4129
    @nikhilmahajan4129 4 ปีที่แล้ว +2

    This is simply awesome⚡⚡

  • @venkatasubbareddy6425
    @venkatasubbareddy6425 4 ปีที่แล้ว

    Thank you so much. very good explanation and interesting

  • @skdesign1567
    @skdesign1567 4 ปีที่แล้ว

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

  • @deepakkumartiwari9641
    @deepakkumartiwari9641 4 ปีที่แล้ว +3

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

    • @edurekaIN
      @edurekaIN  4 ปีที่แล้ว +1

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

  • @Username64870
    @Username64870 3 ปีที่แล้ว

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

  • @morrischanda4783
    @morrischanda4783 5 ปีที่แล้ว +1

    Thanks a lot

  • @rohitghadge9173
    @rohitghadge9173 4 ปีที่แล้ว +1

    thanks very helpful video

  • @subhashgn1775
    @subhashgn1775 3 ปีที่แล้ว

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

  • @venkatg8788
    @venkatg8788 4 ปีที่แล้ว

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

  • @phanidhargajawada9925
    @phanidhargajawada9925 3 ปีที่แล้ว

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

    • @edurekaIN
      @edurekaIN  3 ปีที่แล้ว

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

  • @pratibhagramopadhye6323
    @pratibhagramopadhye6323 4 ปีที่แล้ว

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

  • @closed482
    @closed482 4 ปีที่แล้ว

    You explained very good. Thank you very much

  • @rameshbabu5754
    @rameshbabu5754 4 ปีที่แล้ว

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

  • @nishantmahajan55
    @nishantmahajan55 4 ปีที่แล้ว

    Awesome tutorial!!!

  • @nishithasurapudi455
    @nishithasurapudi455 4 ปีที่แล้ว +2

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

    • @edurekaIN
      @edurekaIN  4 ปีที่แล้ว

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

  • @venkateshprasathm7835
    @venkateshprasathm7835 3 ปีที่แล้ว

    Thank you very much mam!

  • @fridayfred3p
    @fridayfred3p 3 ปีที่แล้ว

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

  • @vadivelan4228
    @vadivelan4228 4 ปีที่แล้ว

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

  • @sujith5174
    @sujith5174 3 ปีที่แล้ว

    The way of explanation is simply superb

  • @remitran4146
    @remitran4146 4 ปีที่แล้ว

    this video is very usefull, thank U very much.

  • @myron6465
    @myron6465 4 ปีที่แล้ว

    Thank you ❤️

  • @ssj179
    @ssj179 3 ปีที่แล้ว

    Really awesome explanation for someone to start learning

  • @engineers-blog
    @engineers-blog 4 ปีที่แล้ว

    Session is amazing.

  • @patkartarun
    @patkartarun 4 ปีที่แล้ว

    Nice and target able for beginners ,

  • @TahirAli-mk3om
    @TahirAli-mk3om 4 ปีที่แล้ว +1

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

  • @SadaqatAli-hv3cw
    @SadaqatAli-hv3cw 5 ปีที่แล้ว

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

  • @neverstoplearnandearn
    @neverstoplearnandearn 5 ปีที่แล้ว

    thanku soo much this tutorial really gud ||||

  • @jainikprajapati1632
    @jainikprajapati1632 5 ปีที่แล้ว

    Very informative

  • @rameshbabu5754
    @rameshbabu5754 4 ปีที่แล้ว

    thanks for you effort

  • @pinkym6934
    @pinkym6934 4 ปีที่แล้ว

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

  • @mrskyadavyt
    @mrskyadavyt 4 ปีที่แล้ว

    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

  • @prathapkasi7739
    @prathapkasi7739 3 ปีที่แล้ว

    Thank you so much madam? Keep enlightening us🤝

  • @charanreddy5227
    @charanreddy5227 3 ปีที่แล้ว

    Want to say thanks for your efforts

  • @MADORCS
    @MADORCS 4 ปีที่แล้ว

    This video was great!!!!

  • @mohammadakib2333
    @mohammadakib2333 4 ปีที่แล้ว +1

    Very beautifully explined. I will subscribe

  • @parthapaul1249
    @parthapaul1249 5 ปีที่แล้ว

    Wonderful video mam

  • @pysco11
    @pysco11 2 ปีที่แล้ว

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

    • @edurekaIN
      @edurekaIN  2 ปีที่แล้ว

      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:)

  • @rutvikthakkar9816
    @rutvikthakkar9816 4 ปีที่แล้ว

    great, i love it

  • @Schinni2730
    @Schinni2730 ปีที่แล้ว +1

    thank you madam! I'm always respectable too you....

    • @edurekaIN
      @edurekaIN  ปีที่แล้ว

      You're Welcome 😊 Glad to hear that!! Keep learning with us..

  • @RakibHossain-mo7ty
    @RakibHossain-mo7ty 4 ปีที่แล้ว

    Awesome tutorial

  • @ruqayyahsara222
    @ruqayyahsara222 4 ปีที่แล้ว

    amazing tutorial !!

  • @sachinsisania6478
    @sachinsisania6478 4 ปีที่แล้ว

    lovely explanation

  • @daniel71626
    @daniel71626 5 ปีที่แล้ว

    Thanks:)

  • @amanrastogi1232
    @amanrastogi1232 5 ปีที่แล้ว

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

    • @edurekaIN
      @edurekaIN  5 ปีที่แล้ว

      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!

  • @Flipper_Auu
    @Flipper_Auu 4 ปีที่แล้ว +1

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

  • @rajolihemanthkumar6635
    @rajolihemanthkumar6635 4 ปีที่แล้ว

    Nice explanation 👌 by elaka by edureka

  • @deeproy7292
    @deeproy7292 4 ปีที่แล้ว

    thank you

  • @shekharnandanwar8085
    @shekharnandanwar8085 5 ปีที่แล้ว +1

    Thanks for this👍

    • @edurekaIN
      @edurekaIN  5 ปีที่แล้ว +1

      Hey Shekhar, we are glad you loved the video. Do check out our other videos too and stay tuned for future updates. Cheers!

  • @monarch2002
    @monarch2002 ปีที่แล้ว +1

    Tqs for ur valuable information 💫

    • @edurekaIN
      @edurekaIN  ปีที่แล้ว +1

      You're Welcome 😊 Glad it was helpful!!

  • @rameshbabu5754
    @rameshbabu5754 4 ปีที่แล้ว

    thank you!

  • @Kem_BW
    @Kem_BW 4 ปีที่แล้ว

    great tutorial.