the Future of the Web
  • Home
  • Hire Us
  • Articles
  • About
  • Contact
  • jQuery tutorial on IBM.com

    Apr 11 2007

    I wrote a jQuery tutorial which was just put live on IBM DeveloperWorks today: Simplify Ajax development with jQuery.

    I discuss a lot of the core functionality and philosophy of jQuery, including an introduction to writing plugins. So if you've heard of jQuery but haven't really decided if you want to use it, or if you've started to use it and want to see what it's capable of, I think you might enjoy the article.

    Tags: about jquery ibm javascript ajax
    View 10 Comments | Add a comment
  • Comments

    1. nitinpai at 6:10pm on April 11, 2007

    Hi Jesse,
    Congrats on getting your article live in the IBM space. I have been reading your blog since a long time now. I loved the article on JQuery and I intend to use JQuery since through your explanation I am finding it more easier than DOJO.

    Are you a full time blogger? I wonder how do you manage to write so much good content and at the same time constantly learn new things. Can you tell me something for this since I find it somewhat difficult managing my work and blogging schedules.

    Thanks!

    2. Darlene Tate at 7:26pm on April 11, 2007

    Hi Jesse,

    Congrats on getting your tutorial on IBM!  Can you send me the a link to where it is?  I'd like to link to it from my website.  My website contains links to learning resources, tutorials, free online classes, etc. for beginning web professionals.  Thanks and keep up the good work.

    Darlene

    3. Emil Stenström at 11:42pm on April 11, 2007

    Just a quick note, the above comment from "Darlene Tate" is spam, I got the same comment but with one or two words different.

    Congratulations on the IBM tutorial, I'm using jQuery in a project right now so you're right on time!

    4. Darlene Tate at 6:41am on April 16, 2007

    Hello Jesse,

    Regarding Emil's comment that my note is spam.  I don't know why he is saying this.  I have never emailed him and I would never send spam to anyone!  I merely wanted to put your link on my website because I want my website to provide beginning web developers/designers with free resources.  I honestly don't know what he is talking about.  Take care.

    Darlene

    5. awflasher at 5:34pm on April 18, 2007

    I love jQuery's philosophy very very much  :)

    Good stuff~

    6. Jason Barnabe at 6:20am on April 26, 2007

    It's fairly easy to make something look incredible by avoiding the things that are not so incredible. What are some problems you experienced using jQuery?

    From the examples you give, it appears that jQuery trades readability for brevity. For example, the code in listing 1:

    $('#external_links a').click(function() {
        return confirm('You are going to visit: ' + this.href);
    });

    To someone without knowledge of jQuery, the "$" and "click" functions don't act as their name suggests; "$" suggests nothing and "click" suggests that the click event handler will be fired rather than defined. In my opinion, if the "$" were renamed "select" and the click function became a click property, it would be made more clear and only slightly less brief.

    select('#external_links a').click = function() {
        return confirm('You are going to visit: ' + this.href);
    };

    7. Mei at 12:07am on May 18, 2007

    Great tutorial.

    I've been reading a lot lately trying to learn JS and jQuery, and this is one of the best.

    I read somewhere that jQuery is rather 'lightweight' when it comes to Ajax etc. What do you think? Is it up there with Prototype et al?

    8. Jesse Skinner at 12:18am on May 18, 2007

    @Mei - Well, if by lightweight you mean lacking in features, then I'll have to say no. jQuery is designed to do the basics extremely well, but also makes it easy to add plugins. This way, if you want to do some extreme script.aculo.us-style animations and interfaces, you can get the Interface plugin for jQuery:

    http://interface.eyecon.ro/

    Likewise, if there's something else you want to do with jQuery, chances are you can find a plugin for it:

    http://docs.jquery.com/Plugins

    and if not, you could always write one yourself :)

    9. Mei at 11:20am on May 21, 2007

    Thanks for the answer!

    10. Jeremy Martin at 11:27pm on February 7, 2008

    Awesome article - very informative.  I think that (arguably) jQuery's best feature is its extensibility.  The ease of plugin creation was surprising to me.

    I actually just finished creating my first plugin and made a little tutorial out of it (http://jmar777.blogspot.com/2008/02/building-your-first-jquery-plugin-that.html).  You seem to have a solid grasp on the matter and I'd love to hear any feedback on it.

    Add a Comment

    Note: HTML tags and entities will be converted so that they are displayed as you type them. This means if you type in <em>, people will see <em>, and if you type &lt;em&gt;, people will see &lt;em&gt;.

  • Request a Quote

  • Jesse Skinner

    Jesse Skinner
    • Hire Me
    • About Me
    • Email Me
    • RSS Feed RSS Icon
  • Recent Articles

    • Parse Accept-Language to detect a user's language
    • Twitter
    • Three years of The Future of the Web
    • Saving data to a file with PHP
    • Easy web scraping with PHP
    • See all the articles
    • IBM: Where and when to use Ajax
    • Code Igniter 1.6.0 Released
    • Update a Dev Site Automatically with Subversion
    • JavaScript Functions are Variables
    • See All...
  • Categories

    • javascript (37)
    • links (19)
    • about (18)
    • web (14)
    • server (10)
    • html (10)
    • css (8)
    • carnival (7)
    • browsers (7)
    • design (4)
    • seo (4)
    • ads (4)
    • standards (4)
    • events (4)
    • work (4)
  • Older Articles

    • May 2008
    • April 2008
    • February 2008
    • January 2008
    • December 2007
    • November 2007
    • September 2007
    • August 2007
    • July 2007
    • June 2007
    • May 2007
    • April 2007
    • March 2007
    • February 2007
    • January 2007
    • December 2006
    • November 2006
    • October 2006
    • September 2006
    • August 2006
    • July 2006
    • June 2006
    • May 2006
    • April 2006
    • March 2006
    • February 2006
    • January 2006
    • December 2005
    • November 2005
    • October 2005
    • September 2005
    • August 2005
    • April 2005
    • See All...
Copyright © 2008 Jesse Skinner | CSS | XHTML | RSS | Help | Impressum | Cutie Quilts | Internet Blog Top Sites