Rick Strahl's Weblog  

Wind, waves, code and everything in between...
.NET • C# • Markdown • WPF • All Things Web
Contact   •   Articles   •   Products   •   Support   •   Advertise
Sponsored by:
Markdown Monster - The Markdown Editor for Windows

Introduction to jQuery Article posted


:P
On this page:

I’ve posted Part 1 of a 2 part series of jQuery articles today. You can read the article here:

Introduction to jQuery (Part 1: The Client Side)

You can leave any questions or comments below. Part 2 which covers the server side integration with ASP.NET should follow in a week or so.

Microsoft Announces jQuery Integration for ASP.NET

As most of you have probably seen by now, Scott Guthrie today  announced that the jQuery JavaScript library will be shipped as part of forthcoming VS.NET and ASP.NET versions and components.

This doesn’t change anything drastically for those of us who’ve been using and loving jQuery for some time now, but it does legitimize jQuery in the ASP.NET platform. Even though jQuery has been widely used there still has been some resistance to using it either standalone or in combination with ASP.NET because it isn’t part of the Microsoft platform. Going forward Microsoft will ship  raw versions of jQuery, but annotated with Intellisense comments (you can do this yourself today too) , which is a great help especially when you’re picking up jQuery for the first time.

This move provides jQuery’s functionality to the Microsoft AJAX platform so the utility of that platform has just improved drastically. From Scott’s post it sounds like  this also means that jQuery won’t just ship with future versions of ASP.NET and ASP.NET add-ons like MVC, but will be actively integrated with these tools by utilizing jQuery internally.

This is great news, which came as a big, but very pleasant surprise for me when I read it earlier today.

I also think this is a smart move by Microsoft given the incredible utility of jQuery. Rather than having to duplicate jQuery’s functionality as part of Microsoft AJAX 4.0, the tools can now utilize what many of us already know as a tight and very effective library in a small package.It’s also a smart PR move given how many people have migrated to using jQuery INSTEAD of the ASP.NET Ajax platfom. This move might help bring people back into the fold although it’ll still be a tough sell especially if the platform doesn’t slim down a bit or at least componentize a bit better. I also suspect that using jQuery internally will make it much easier to build ASP.NET Ajax applications and hopefully for ASP.NET AJAX 4.0 this might mean a leaner platform – but for that we’ll just have to wait and see what Microsoft does with it.

Either way I think this is great news.

Part 1 of 2 jQuery Articles published

Anyway, just as luck has it I just finished up Part 1 of my jQuery Tutorial articles a few days ago. I’d been meaning to hold off with it until Part 2 is done,  but the timing is just too good to pass up. :-} Part 1 of the article is mostly a pure jQuery introduction and doesn’t talk about jQuery’s Ajax features or direct interaction with the server side and ASP.NET. Rather it focuses purely on many of the extremely useful client side features as well as the basic concepts of extending jQuery with plugins.

Part 2 then will talk about the server side integration with ASP.NET using various mechanisms to call ASP.NET content from raw page Ajax calls, to JSON Service callbacks, to using templating and even partial rendering against server side ASP.NET application. I’ll also talk about building ASP.NET components that integrate with jQuery. This article is based on my jQuery session that I’ve been giving at various conferences and user groups. BTW, if you’re coming to DevConnections in Vegas in November I’ll be there presenting on jQuery there as well so if you’re going I hope to see you there.

Part 2 is mostly done hopefully should go live  over the next couple of weeks – keep an eye on this blog.

Enjoy.

Posted in ASP.NET  jQuery  JavaScript  

The Voices of Reason


 

Bill Beckelman
September 28, 2008

# jQuery - Some Amazing Happenings Today

jQuery - Some Amazing Happenings Today

Steve from Pleasant Hill
September 28, 2008

# re: Introduction to jQuery Article posted

Very well done Rick, thanks.

buaziz
September 29, 2008

# re: Introduction to jQuery Article posted

i love your blog,

PLEASE PLEASE

change the theme :(

Mitch
September 29, 2008

# re: Introduction to jQuery Article posted

Hi Rick,

One of the reasons I read your blog is because I know you use jQuery just like we do, and regularly share you experiences with it.

My team has been using jQuery for a while, and although I did not need microsoft to tell me that my choice was the right one, it sure validates my thinking when it comes to selling customers on it.

This is a great move by Microsoft, and I think it shows Scott Guthrie's leadership in changing / opening Microsoft.

Regards,
Mitch

Steve from Pleasant Hill
September 29, 2008

# re: Introduction to jQuery Article posted

Please do NOT change the theme.

In an uncertain world I find comfort in certain things not changing...

Asheesh Soni
October 04, 2008

# re: Introduction to jQuery Article posted

Great article (as always)!
I like your blog theme - plain and simple yet elegant.

One small issue though. When you hover over the navigation menu items, the sidebar contents move a few pixels down. Probably because of top and bottom border on the hovered item.
I usually keep a transparent border of same width in .class as in the .class:hover.
i.e. when item is hovered its, say a 1pixel black border. Otherwise its a 1pixel transparent border.

Cheers

Soni

William Hurford
October 06, 2008

# re: Introduction to jQuery Article posted

Thanks.. this is the best tutorial on jquery I have found.. looking forward to the second part!
WH

Andreas
October 10, 2008

# re: Introduction to jQuery Article posted

A really great Introduction to JQuery, now I want to start coding with it right away! :)

Thanks,
Andreas

John
October 10, 2008

# Move Scripts to the Bottom!

Hi Rick,

Nice introduction to jQuery!

However, on the topic of JavaScript inclusion, recent findings suggest that scripts should be included in the bottom of the page, as opposed to the header. When you're dealing with unobtrusive scripting, placing all your script references in the bottom of the page can decrease page load times significantly. Please see Steve Souders' excellent book "High Performance Web Sites", or search for Yahoo's "Best Practices for Speeding Up Your Web Site".

Hemanshu
October 10, 2008

# re: Introduction to jQuery Article posted

Nice article....

Can you shed some light on using jQuery with the new Asp.net Mvc. Need a more useful article on this stuff as the ones which are already there are not of much use.

vvvlad
October 22, 2008

# re: Introduction to jQuery Article posted

Hi,
Thank you very much for a great article!
When are you going to post the 2nd part (I've been waiting for it since the day I've read the first part!!!)?

Thanks again

Alfred Reinold Baudisch
October 22, 2008

# re: Introduction to jQuery Article posted

Just an amazing article.

I am a PHP Programmer, but the article was very helpful on the jQuery side, solved some doubts I had, like the "does not always trust jQuery", adding the "not", instead of direct filter:
 $("#gdEntries tbody tr")
    .not(":first,:last")
    .filter(":even")
    .addClass("gridalternate")
    .css("border","solid 1px lightgrey");


Regards.

Rick Strahl
October 22, 2008

# re: Introduction to jQuery Article posted

@vvlad - Yes I've been wanting to get part 2 out the door, unfortunately I've been unexpectedly swamped the last couple of weeks. Part 2 is half way done and I'm hoping to get it by the end of the weekend in my spare minutes that I can find...

vvvlad
October 22, 2008

# re: Introduction to jQuery Article posted

@Rick
it's vvvlad :)
Thank you for your effort. I can really understand how hard it is to find time in addition to your day job.
All of your articles are just great, and I really enjoy learning something new each time you post something...

chris.bannon
October 22, 2008

# re: Introduction to jQuery Article posted

I think you might like our jQuery Animation library for ASP.NET. It is free and it saves tons of time. It is nice to be able to do the work on the server-side as well.

RIAnimation: http://www.hushhushmedia.com/page/RIAnimation.aspx

Surya Kiran
October 22, 2008

# re: Introduction to jQuery Article posted

Hi,
I am using jquery for validation,ie not allowing user to enter unwanted characters using jquery. My code is as follows
$('.name').alphanumeric({allow:'._');
When use this code,i am not able to use selections on the key board so could u please help in this matter.
Thank you in advance

#.think.in
October 28, 2008

# #think.in Weekly Info-Dose #1 (29th Nov - 3rd Oct 2008)

#think.in Weekly Info-Dose #1 (29th Nov - 3rd Oct 2008)

Chris Kapilla
November 04, 2008

# re: Introduction to jQuery Article posted

Rick,

I've been reading tutorials and book excerpts on JQuery and your introduction is the BEST. You cut to the chase with the crucial information that is really usable. Thanks for all your efforts.

Asim Sajjad
November 04, 2008

# re: Introduction to jQuery Article posted

I have read your article Introduction to jquery which is very cool and i really like it, i recommend i someone is beginner then he/she has to read this article, but one request to you i wan to learn json kindly write article on it as i am waiting for that article from you so that i got some understanding of it, thanks in advance

Viktar Karpach
November 05, 2008

# re: Introduction to jQuery Article posted

Rick,

I like all your articles. I am using JQuery for several month already, so I didn't find too many new things in this article. However your introduction pointed some blank spaces in my knowledge about Javascript.

You wrote:
>> I had never even thought about up until then: Effective use of Closures, the Prototype
>> model, class definitions, using functions as code,

1) Effective use of Closures - found this, now I know how to do setTimeout with parameters
2) The Prototype model - base of closures, got it.
3) Class definitions - knew this before
4) Using functions as code ????

I didn't find any thing about "Using functions as code" in javascript. Can you give me some links about subject? May you can make some article about best practices in javascript?

Rick Strahl
November 05, 2008

# re: Introduction to jQuery Article posted

@Viktar - Functions as code simply means passing functions around in properties and parameters as well as using inline anonymous functions immediately implementing handler code.

The latter I find really helpful because it often make async code a lot easier to read because although calls are async, the functionality behavior is defined effectively inline of the code you are writing. Combined with closures and picking up variable state from parent code blocks really takes the sting out of async coding.

satish
November 09, 2008

# re: Introduction to jQuery Article posted

rick tat was great tutorial .i was very impressed on the selector's lab..i want to use your expression dialog box and let theuser type the full jquery syntax for

eg
$('#mydiv').sildeup(1000) in the expression dialog and if the element is there it must slide up. i think u got my point. can we develop something like and if its possible how can we do it... i hope this will help people also to learn the jquery by viewing it.. so that as u can make a better place to learn jquery

Anon
December 03, 2008

# re: Introduction to jQuery Article posted

As you mention dates make sure you try http://www.datejs.com/

Vladimir Kelman
December 16, 2008

# re: Introduction to jQuery Article posted

Rick, let me tell you how I'm pleased with both jQuery and your article! Thanks a lot!
I'm learning functional programming now (Scala, F#), and it's so nice that jQuery seems to emphasize functional approaches (methods which operates on `lists`, closures, etc.)! It really provides a base for a good programming style.

Vladimir Kelman
December 16, 2008

# re: Introduction to jQuery Article posted

@Viktar,
look at http://interglacial.com/hoj/hoj.html as well.

Maxim
November 03, 2009

# re: Introduction to jQuery Article posted

Do you interested in long-term software development outsourcing based on benefit term?
Hello!
Let me introduce myself – my name is Maxim Slobodyanyuk and I’m a CEO of ILOGOS (www.ilogos-ua.com).
We are looking for long-term partnership.
ILOGOS's main focus is professional software engineering and the company's expertise covers all major IT engineering areas for: IT-companies, Software outsourcing companies, IT-departments, IT-specialists. So, having learned your business, we mean and hope that our companies have common interests and common business opportunities.
We are ready to propose offshore development for your company at hourly rates 10-15euro.
You may learn more about:
Using tools and technologies: ASP.NET, MSSQL, MSAJAX, NAnt, HTML/DHTML, CSS, JavaScript, Ajax, JDBC, Java Servlet, Ant, BIRT, Eclipse, MyEclipse, NetBeans, IBExpert, LAMP (PHP 4, PHP 5, MySQL, AJAX) Joomla!, Maguma, Comodo, Zend, ANSI SQL, T-SQL, PL/SQL, FLASH (AS2, AS3), FLEX –(MORE INFO: http://ilogos-ua.com/tech.shtml )
Fulfilled projects - http://ilogos-ua.com/projects.shtml
All our services - http://ilogos-ua.com/service.shtml
Regards,
Maksym Slobodyanyuk

West Wind  © Rick Strahl, West Wind Technologies, 2005 - 2024