Entries:
Comments:
Posts:

Loading User Information from Channel 9

Something went wrong getting user information from Channel 9

Latest Achievement:

Loading User Information from MSDN

Something went wrong getting user information from MSDN

Visual Studio Achievements

Latest Achievement:

Loading Visual Studio Achievements

Something went wrong getting the Visual Studio Achievements

Getting Started with jQuery - 14

Embed code for this video

Copy the code above to embed our video on your website/blog.

Close

Video format

Option selected may change based on video formats available and browser capability.

Close

Download

Right click “Save as…”

We've said several times how jQuery helps smooth over JavaScript's rough edges. In this lesson, Bob shows how to include and reference the jQuery library in your web page as well as explaining how to get a reference to the jQuery object, demonstrating the use of the .ready method as a means of bootstrapping the onload event, and more.

Tag:

Follow the Discussion

  • Another great video, thanks. 

  • AndyAndy

    Where are the source downloads? It is not here at the C9 site.

    Thanks!

  • @Andy: Take a look at the "series" page:

    http://channel9.msdn.com/Series/Javascript-Fundamentals-Development-for-Absolute-Beginners

    ... specifically, under the text paragraph: "Download the entire series source code."   Hope that helps!

  • renarena

    Hello Bob,
    Thank you for the great video series. While following you on the video 14, I included the reference
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.0.min.js"></script> in my html file, yet it gives me an error when i run it:

    SCRIPT5009: 'jQuery' is undefined
    script14.js, line 1 character 1

    I wonder if that's something related to not downloading the jQuery. So I tried to download the minimized version of jQuery from jQuery.com, but i keep getting the error:

    'window' is undefined

    I could not figure out what it meant. I appreciate for any help in this regard.

  • renarena

    Hello Bob,

    I was able to get this into work. Just incase if anybody else runs into same problem:: I saved the min.js file and copied the code into another .js file and referenced it in the html file.

    Thanks much!!!

  • @rena: Good to hear you got it sorted out!

  • Oldemiro Baloiwdownload Never Mind

    Hello Bob I a, having issue with append and prepend it doesn't works i downloaded the latest version of jquery and i am using dreamwaver CS5 with html5 pack i did as same you did 

    $first("#first").append("<h2>This is what happen after</h2>");
    });

    thanks for help

  • Roberto DelgadoRoberto Delgado

    Hellow Bot , I follow your Videos and they are a good example of a good teaching.

    I learned a lot of your Videos


    Thanks

    Roberto Delgado

  • @wdownload: Sorry for the delay ... I may need to see more of your code to uncover the issue.  Can you post it?

  • Stephanie HughesStephanie Hughes

    Thanks Bob for again providing an excellent course.

    As was the case HTML5 and CSS3 and JS. This is also a great course on jQ.

    I use full Adobe CS6 apps inc Dreamweaver CS6 and prefer to use DW as my main dev environment! As you can tell I am a graphic designer/web designer.

    Thanks for all that you do!

    Stephanie

  • SashiSashi

    Great article. I struggled for some time setting JQuery up and running on my machine, but then I quickly found that there are some great online tools that would help you get started.

    here is how I did it.
    use online tool called JSFiddle at http://jsfiddle.net/
    It has 4 windows on the screen HTML, CSS, JS and the last window to render your results
    I copy/pasted all your examples right into these windows (you dont need to make a reference of your code .js file, since it assumes its right within the code.
    rest of it works like a charm. This is especially good for newbees to get started quickly.

    Hope this is helpful

  • @Sashi: Great advice.  I think I use JSFiddle later in this series ... near the end.  It's a helpful workbench for experimenting.

  • Bob DanielsBob Daniels

    Hi Bob,

    I come from the Ruby world and Im a somewhat new programmer. Having just gone through learning Ruby programming from the ground up, and after watching 14 of your videos, I just wanted to drop you a note to compliment you. I WISH I had videos like this to learn Ruby. You are a great online teacher; I especially appreciate how you are very thorough about explaining syntax and the little quirky things that can trip up new programmers. Your explanation of arrays, hashes, strings, etc. were fantastic. Thanks again for putting this all together as I feel I am really understanding Javascript and can't wait to finish the series.

  • @Bob Daniels: Ah, very nice feedback ... thank you for the compliments.  I think I may try my hand at learning Ruby someday (like most developers, I have a list a mile long of things I would love to learn).  Honestly, there's so much opportunity here in the C# / .NET space that in 18 years I've never needed to venture far from Microsoft's ecosystem.  Hope you continue to enjoy this series!

  • IbaIba

    Dear Bob.
    By trying to download jQuery, it gave a warning ("This type of file could harm your computer"). How can you help ? Thank you again.

  • Bob,

    Thanks for the labor of love you provide. It doesn't go unnoticed.

  • @Iba:  The gas pipe running into my house could harm me and my family if I break off the valve and light a match.  Smiley  jQuery will not harm your computer unless you do something crazy.  If you're still worried, do this: http://jsfiddle.net/

  • @jonbrwn: Thank you!  Let's hope it doesn't go unnoticed by some crazy rich investor someday.  Tongue Out

  • Re-opening this closed thread ...

  • I'm still confused about single quote and double quote. I see in the previous lessons, we can use it interchangeably. What's the most difference  between them?

  • @Minowar: You can use them interchangeably.  I prefer double quotes in most cases, but I accidentally use either one.  I know it's confusing ... just pick one and use it consistently!  (Do as I say not as I do.  Smiley

    Check this out:

    http://stackoverflow.com/questions/242813/when-to-use-double-or-single-quotes-in-javascript

  • WillWill

    hi Bob,

    great course! am v. new to web development and think i'm finally getting the hang of it thanks to you're videos.

    got a question: i'm using Visual Studio Express 2012 to complete the examples... up to now
    (on HTML/CSS3 course and Javascript course so far) the VS's been offering an auto-completion list for most
    inputs but it doesnt seem to do so for jQuery objects - is there a way of fixing that? i believe it
    may have something to do with the IntelliSense function of Visual Studio but dont want to mess around with
    VS without guidance.

    Cheers!
    Will

  • @Will:  Try this:

    http://stackoverflow.com/questions/11488208/intellisense-doesnt-work-for-js-in-vs2012

  • DharmaRaoDharmaRao

    Nice to have videos to learn Jquery. Its amazing demonstration by Bob

  • HemimaHemima

    Hi BobTabor

    Excellent videos from scratch ,for beginners will be very useful thanq soo much

  • Only problem I had was my pop up blocker  was preventing the "This works" box from coming up on IE10

  • @starforce: I think that's a good point ... JavaScript / jQuery does have it's limitations insomuch that there might be other factors on the user's computer that could prevent it's proper function.  Therefore, it is always best on real websites to limit its use to "nice to have features" and not "must have features".  The exception would be a jQuery-based app.

Remove this comment

Remove this thread

close

Comment on the Post

Already have a Channel 9 account? Please sign in