• Thursday , 21 September 2017

jQuery Tutorial #1 – jQuery Tutorial for Beginners

Code Canyon



This jQuery Tutorial for beginners will help you get jQuery on your page and get up-to-speed with how to use basic jQuery commands.

What is jQuery? As you’ll see in this tutorial, even beginners to javascript can write jQuery within minutes. It’s also the most universally used javascript library in the world at present, so odds are your next employer will be using it.

The first thing we’ll be doing in this jQuery lesson is showing, hiding, fading, & sliding. Next, we’ll modify contents of elements and learn to do a better job keeping our code clean.

Lesson #2: Listen to user events and respond with jQuery actions!

Lesson #3: Clean up the jQuery by putting some data in the HTML


Original source

3d Ocean

Related Posts

39 Comments

  1. Ben Glanz
    July 18, 2017 at 18:20

    Do i know your voice from Fallout Gameplay videos??

  2. Agyare Agyapong
    July 18, 2017 at 18:20

    with the jQuery, do i download the Compressed or uncompressed copies

  3. Christian
    July 18, 2017 at 18:20

    wow jQuery is so much fun to work with. Thumbs of for this tutorial.

  4. John Caballero
    July 18, 2017 at 18:20

    you got 2017 tutorial for this sir?

  5. UnitedWeROCK
    July 18, 2017 at 18:20

    Excellent first jQuery video! Definitely caught my attention.

    Where can I get the HTML code you have in this video?
    And can you include the link to all lessons in this series in the description box?

  6. raphael gako
    July 18, 2017 at 18:20

    wow. youre good teacher. explaining line per line of code. just the way i like it. thank you!

  7. Tyler Kugler
    July 18, 2017 at 18:20

    This was a great first tutorial. I've been trying to get input fields to pop up when the user clicks a button and I haven't been able to follow a single tutorial yet. This is the first one I've followed where the output actually DID something, so thank you so much!

  8. Alexis Daniel Bernal
    July 18, 2017 at 18:20

    I'm one video in and I already admire your teaching abilities.

  9. Dexter Yu
    July 18, 2017 at 18:20

    You're the best!

  10. R Williams
    July 18, 2017 at 18:20

    did thuis lesson start 5 mins in?? how you get the drag boxes up already?

  11. Drod PC-Geek
    July 18, 2017 at 18:20

    DA BEST MAN! EASIER FOR ME TO CODE! XD

  12. VizardCero
    July 18, 2017 at 18:20

    As of 2017 what coding languages should i know to land an entry level job?

  13. Made Bagus Rio Baskara
    July 18, 2017 at 18:20

    I'm an English Literature student, and I want to be a Web Developer, is it weird?

  14. Romeop Music
    July 18, 2017 at 18:20

    Thanks for you videos and your awesome attitude, really appreciate your help!

  15. Akash Bhandwalkar
    July 18, 2017 at 18:20

    Extremely well taught. Does fadeIn/fadeToggle Works in Safari?

  16. R Williams
    July 18, 2017 at 18:20

    hey,,dont apologise for confusing people…most are 99% confused after trying to work out wtf Jquery is 'after' reading the first page of their website..

  17. Otto Fazzl
    July 18, 2017 at 18:20

    I have a homework assignment and in it in my JS script is says:

    // execute when the DOM is fully loaded
    $(function() {
    // some code
    }

    Why doesn't it use
    $(document).ready(function() {} );
    instead?

  18. Akrahm Joltevskoy
    July 18, 2017 at 18:20

    it's not J QUEERY, faggot. learn to pronounce query. you sound like a faggot.

  19. TheErw91
    July 18, 2017 at 18:20

    for some reason when I try to .css another selector nothing happens

  20. firas
    July 18, 2017 at 18:20

    thank you

  21. ninja1124rs
    July 18, 2017 at 18:20

    Did the video upload twice ?

  22. SlumberMachine
    July 18, 2017 at 18:20

    Gosh I miss that old mac UI, so refined and stylish, so much better then the flat playskool crap now.

  23. Ahsan Hashmi
    July 18, 2017 at 18:20

    Bro how do I install jQuery?

  24. Marc Wijnants
    July 18, 2017 at 18:20

    I like the fact you bring this all in a fun way. To many are to serious when explaining coding. Thank you. Grtz from the Netherlands.

  25. Aline Camargo Streva
    July 18, 2017 at 18:20

    super Like! 👍👍👍👍👍

  26. Tom E
    July 18, 2017 at 18:20

    Thank you. This worked out really well when I got Bootstrap with boxes and panels set up and the JQuery file ready to go.

  27. Trancelime
    July 18, 2017 at 18:20

    If $('Document').ready(function) is same thing as $(function() then why would you ever use $('Document').ready(function)? Less code is better, right?

  28. Robert B
    July 18, 2017 at 18:20

    Excellent, Awesome. I enjoy a lot watch your videos. Keep Up.

  29. dana atmeh
    July 18, 2017 at 18:20

    fun way of teaching . such a great tutorial

  30. r4xe
    July 18, 2017 at 18:20

    you and learnwebcode have the best web dev tutorials on youtube.

  31. Serenity
    July 18, 2017 at 18:20

    Perfect! Exactly what I needed, saved me countless hours. Thank you thank you thank you!!

  32. Bob Bennem
    July 18, 2017 at 18:20

    is there anyway of contacting you for personal help? related to coding of course

  33. Kaz Tee
    July 18, 2017 at 18:20

    Hi I am trying to make an mobile app for my homework. I want to create maths app kids answer maths questions. And if they are correct it will tell them they are successful and move on to the next question. How can I implement this using jquery code. I can do the basic get questions on the page but what code I use when they input there answer into the box and then code to submit there answer let them know there are correct. I would appreciate help.

  34. 55bluestock
    July 18, 2017 at 18:20

    Angular is pretty lit

  35. angelo octavio
    July 18, 2017 at 18:20

    thanks man, i'm not sleepy now just like others teaching. lol

  36. Ahmed Kabir Maruf
    July 18, 2017 at 18:20

    Alhamdulillah I found this tutorial. You rock LearnCode.academy. Thank you for this.

  37. Sonia Chavez
    July 18, 2017 at 18:20

    Nice lesson, fast and concise, I Lernt some things! thx

  38. Austin White
    July 18, 2017 at 18:20

    Thank you!!!

  39. Sikindar Mirza
    July 18, 2017 at 18:20

    Superb dude, thanks a ton for making these precious videos, your videos made me realised that jQuery is easy and fun.

Leave A Comment

You must be logged in to post a comment.