Getting Started with jQuery - 14
- Posted: Aug 06, 2012 at 10:30 AM
- 29,158 Views
- 27 Comments
Loading User Information from Channel 9
Something went wrong getting user information from Channel 9
Loading User Information from MSDN
Something went wrong getting user information from MSDN
Loading Visual Studio Achievements
Something went wrong getting the Visual Studio Achievements
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.
Already have a Channel 9 account? Please sign in
Follow the Discussion
Oops, something didn't work.
What does this mean?
Following an item on Channel 9 allows you to watch for new content and comments that you are interested in. You need to be signed in to Channel 9 to use this feature.What does this mean?
Following an item on Channel 9 allows you to watch for new content and comments that you are interested in and view them all on your notifications page.sign up for email notifications?
Another great video, thanks.
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!
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.
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!
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
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?
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
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.
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!
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.
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.
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.
Check this out:
http://stackoverflow.com/questions/242813/when-to-use-double-or-single-quotes-in-javascript
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
Nice to have videos to learn Jquery. Its amazing demonstration by Bob
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