Categories:
Ajax
- Feb 17, 2011 Merging jQuery Deferreds and .animate()
Editor's Note: This article originally appeared on danheberden.com. jQuery’s .animate() method, and the shorthand methods th…
- Mar 6, 2010 Detecting Ajax Events on the Server
When working with an Ajax-enhanced website, it's generally a good idea to provide a regular request fallback for any core function…
- Feb 17, 2011 Merging jQuery Deferreds and .animate()
DOM Modification
- Sep 2, 2011 Using jQuery's Data APIs
In the beginning (well, beginning with jQuery 1.2.3 in early 2008) there was the jQuery.data() API. It offers a way to associate J…
- May 4, 2010 Now you see me... show/hide performance
I just got back from the jQuery conference in San Francisco. Wow, what an event. In addition to some incredible talks, I had the o…
- Apr 23, 2010 Accessible Showing and Hiding
Editor's Note: When I started this blog nearly three years ago, one of the first things I did was write a series on showing and hi…
- Dec 1, 2009 Simple Tooltip for Huge Number of Elements
There are many, many jQuery tooltip plugins out there, and some of them are very good. But when someone on the jQuery Google Group…
- Mar 2, 2009 43,439 reasons to use append() correctly
The .append() method is perhaps the most misused of all jQuery methods. While an extremely useful and easy method to work with, it…
- Aug 19, 2008 Quick Tip: Dynamically add an icon for external links
A common feature I've seen on “web 2.0” sites and wikis is the "external link" icon: . While I'm not crazy about the i…
- Jul 8, 2008 Three Quick Ways to Avoid Widows
A few months ago I threw together a quick redesign of the Learning jQuery site. It's nothing fancy, mind you, but I was itching to…
- May 12, 2008 Using Low Pro for jQuery
Recently I have been getting a real buzz out of developing with jQuery. I've been using the library since 2006, releasing sporadic…
- Mar 31, 2008 Working with Events, part 1
CSS and JavaScript are different in many ways, almost all of which are too obvious to mention. However, one difference between the…
- Jan 4, 2008 Revealing Details with jQuery
A week or so ago, someone posted a comment on one of my previous articles, asking if I could help her split up the textual content…
- Oct 20, 2007 Improved Animated Scrolling Script for Same-Page Links
After posting the last entry on animated scrolling with jQuery 1.2, I realized that I had left out an important piece of code. Act…
- Jun 25, 2007 Automatic Page Contents
It's been so long since I last posted a tutorial here that I'm afraid everyone might have forgotten about the place. For the past …
- Jan 31, 2007 Copy Events from One Element to Another
Need to clone an element and its events? Sure, you could rebind the events after doing the clone, but that wouldn't be very DRY no…
- Jan 17, 2007 Effect Delay Trick
Here is a quick trick for getting an effect to delay without using setTimeout. Let's say, for example, that I want to show an aler…
- Dec 12, 2006 Multiple Fancy Drop Caps
After I wrote a couple entries (Fancy Drop Cap, Part 1 and Part 2) on creating a drop cap for the first paragraph in a DIV, a coup…
- Nov 19, 2006 Really Simple Live Comment Preview
Introduction and Caveat I'm sure that some of you were expecting this entry to discuss traversing the DOM using jQuery methods. Af…
- Oct 2, 2006 Fancy Drop Cap - Part 2
In Fancy Drop Cap - Part 1, I showed how I used jQuery to insert a drop cap on my personal weblog. But there is still some unfinis…
- Sep 20, 2006 Fancy Drop Cap - Part 1
Introduction Last spring when I implemented a new design for my weblog, I wanted to use a fancy drop cap for the first letter of t…
- Sep 2, 2011 Using jQuery's Data APIs
DOM Traversing
- Dec 20, 2011 Using jQuery's .pushStack() for reusable DOM traversing methods
The .pushStack() method has been in jQuery since before version 1.0, but it hasn't received a whole lot of attention outside of co…
- Sep 18, 2009 Tab Navigation with Smooth Horizontal Sliding Using jQuery
In this tutorial I'll show you how to create a navigation menu that slides horizontally. It begins with a set of "tabs" on the rig…
- Apr 29, 2009 Better, Stronger, Safer jQuerify Bookmarklet
A long time ago I built myself a little bookmarklet to load jQuery on pages that don't already have it. The idea was to allow me t…
- Mar 6, 2009 3 Quick Steps for a Painless Upgrade to jQuery 1.3
Since the release of jQuery 1.3 a month and a half ago, I've been keeping my eye on any troubles that people have had with their u…
- Feb 2, 2009 Quick Tip: Add Easing to Your Animations
Easing can really bring life to an effect. Easing controls how an animation progresses over time by manipulating its acceleration.…
- Jan 3, 2009 The Year of jQuery UI
Two years ago I made the somewhat immodest claim that 2007 would be the "Year of jQuery." Since then, jQuery's popularity has grow…
- Dec 22, 2008 Peeling Away the jQuery Wrapper and Finding an Array
If you haven't poked around under the hood of jQuery, you might not be aware that when you pass the jQuery function an expression …
- Aug 19, 2008 Quick Tip: Dynamically add an icon for external links
A common feature I've seen on “web 2.0” sites and wikis is the "external link" icon: . While I'm not crazy about the i…
- Jan 4, 2008 Revealing Details with jQuery
A week or so ago, someone posted a comment on one of my previous articles, asking if I could help her split up the textual content…
- Dec 19, 2007 Questions and Answers from the List
I've been feeling guilty lately about my lack of posts to this blog. But when I looked at my profile for the jQuery Google Group a…
- Oct 20, 2007 Improved Animated Scrolling Script for Same-Page Links
After posting the last entry on animated scrolling with jQuery 1.2, I realized that I had left out an important piece of code. Act…
- Mar 21, 2007 Selecting Elements by Properties and DOM Expandos
Sometimes it is very convenient to store information on an element by using custom properties (DOM Expandos). For example, I use D…
- Dec 16, 2006 Quick Tip - Optimizing DOM Traversal
The topic of optimization has come up a number of times in the jQuery mailing list. jQuery's DOM traversal is powerful and easy, b…
- Dec 12, 2006 Multiple Fancy Drop Caps
After I wrote a couple entries (Fancy Drop Cap, Part 1 and Part 2) on creating a drop cap for the first paragraph in a DIV, a coup…
- Dec 3, 2006 How to Get Anything You Want - part 2
A couple weeks ago I wrote about traversing the DOM with jQuery's selector expressions to get any elements in the document (see Ho…
- Nov 12, 2006 How to Get Anything You Want - part 1
With jQuery, you can get to just about anything on a web page. In this entry, I'll show you a few ways you can use jQuery's versat…
- Oct 16, 2006 Quick Tip - Blurring Links
Warning Using JavaScript to blur clicked links is NOT recommended because it interferes with basic accessibility, especially for t…
- Oct 2, 2006 Fancy Drop Cap - Part 2
In Fancy Drop Cap - Part 1, I showed how I used jQuery to insert a drop cap on my personal weblog. But there is still some unfinis…
- Sep 20, 2006 Fancy Drop Cap - Part 1
Introduction Last spring when I implemented a new design for my weblog, I wanted to use a fancy drop cap for the first letter of t…
- Dec 20, 2011 Using jQuery's .pushStack() for reusable DOM traversing methods
Effects
- Feb 17, 2011 Merging jQuery Deferreds and .animate()
Editor's Note: This article originally appeared on danheberden.com. jQuery’s .animate() method, and the shorthand methods th…
- May 4, 2010 Now you see me... show/hide performance
I just got back from the jQuery conference in San Francisco. Wow, what an event. In addition to some incredible talks, I had the o…
- Apr 15, 2010 Flip your Tip: Keeping the Event-delegation Tooltip in View
Before we begin, please accept my apologies for not posting this tutorial sooner. I know at least two or three people were beginni…
- Sep 18, 2009 Tab Navigation with Smooth Horizontal Sliding Using jQuery
In this tutorial I'll show you how to create a navigation menu that slides horizontally. It begins with a set of "tabs" on the rig…
- Feb 6, 2009 Slide Elements in Different Directions
Although jQuery has a nice set of slide methods — .slideDown(), .slideUp(), and .slideToggle() — sometimes we may want…
- Feb 2, 2009 Quick Tip: Add Easing to Your Animations
Easing can really bring life to an effect. Easing controls how an animation progresses over time by manipulating its acceleration.…
- Jan 20, 2009 Quick Tip: Prevent Animation Queue Buildup
You've probably stumbled upon a navigation powered by some jQuery effects during your web adventures. Of course you then ran your …
- Feb 12, 2008 Simple Effects Plugins
jQuery has a nice selection of core animation effects, such as .show('speed') and .hide('speed'), .slideUp() and .slideDown(), and…
- Oct 20, 2007 Improved Animated Scrolling Script for Same-Page Links
After posting the last entry on animated scrolling with jQuery 1.2, I realized that I had left out an important piece of code. Act…
- Sep 16, 2007 Animated Scrolling with jQuery 1.2
A few weeks ago I wrote about how to use jQuery and a couple modules from the Interface plugin suite to automatically have same-pa…
- Jun 25, 2007 Automatic Page Contents
It's been so long since I last posted a tutorial here that I'm afraid everyone might have forgotten about the place. For the past …
- Mar 5, 2007 Accordion Madness
A few weeks ago I wrote about two ways we can achieve the "accordion menu" effect, and I promised to describe a third option. Well…
- Feb 8, 2007 More Showing, More Hiding
We've received a number of comments recently from people looking for variations on the showing and hiding theme. For the basics, y…
- Jan 17, 2007 Effect Delay Trick
Here is a quick trick for getting an effect to delay without using setTimeout. Let's say, for example, that I want to show an aler…
- Oct 14, 2006 Scroll Up Headline Reader
A couple weeks ago someone on the jQuery discussion list asked if someone could reproduce a rotating headline box in which the hea…
- Sep 14, 2006 TextMate Bundle for jQuery
JonBob and I have been working on a TextMate bundle for jQuery over the past few weeks. If you're not familiar with TextMate and y…
- Sep 11, 2006 Slicker Show and Hide
Last time I showed you how to make something appear and disappear on a web page. This time I'll show you how to do it with style. …
- Sep 6, 2006 Basic Show and Hide
As promised in my last entry, I'll be showing you a simple effect that you can do using jQuery: showing or hiding something, or a …
- Feb 17, 2011 Merging jQuery Deferreds and .animate()
Events
- Apr 15, 2010 Flip your Tip: Keeping the Event-delegation Tooltip in View
Before we begin, please accept my apologies for not posting this tutorial sooner. I know at least two or three people were beginni…
- Mar 5, 2010 Using Delegate and Undelegate in jQuery 1.4.2
As some of you have heard, there have been two new methods added in jQuery 1.4.2, .delegate() and .undelegate(). These methods ach…
- Dec 16, 2009 Using setTimeout to Delay Showing Event-Delegation Tooltips
In my last two tutorials, I explained how to use event delegation for showing and hiding tooltips. In a comment on the first one, …
- Dec 15, 2009 Binding Multiple Events to Reduce Redundancy with Event-Delegation Tooltips
Last time I showed how to use event delegation to create a simple tooltip for a huge number of elements without running into the p…
- Dec 1, 2009 Simple Tooltip for Huge Number of Elements
There are many, many jQuery tooltip plugins out there, and some of them are very good. But when someone on the jQuery Google Group…
- Sep 23, 2009 Working with Events, Part 3: More Event Delegation with jQuery
Event delegation, as described in the first article of this series, is a way to take advantage of event bubbling to avoid binding …
- Jun 30, 2009 Shorthand methods for unbind
Someone sent me an email the other day, asking that I add shorthand methods for .unbind(eventType) to the jQuery core file. He arg…
- Jun 16, 2009 Quick Tip: Outline Elements on Hover
Someone on the jQuery Google Group yesterday asked about how to display a border around elements on hover. Here is a quick script …
- Mar 11, 2009 Making a jQuery Plugin Truly Customizable
Most if not all of the jQuery plugins out there have some level of customization. But very few of the plugin authors have mastered…
- Jan 3, 2009 The Year of jQuery UI
Two years ago I made the somewhat immodest claim that 2007 would be the "Year of jQuery." Since then, jQuery's popularity has grow…
- Dec 22, 2008 Peeling Away the jQuery Wrapper and Finding an Array
If you haven't poked around under the hood of jQuery, you might not be aware that when you pass the jQuery function an expression …
- Dec 7, 2008 Quick Tip: Click Table Row to Trigger a Checkbox Click
Somebody on the jQuery Google Group asked the other day about toggling a checkbox within a table row when the user clicked anywher…
- Oct 15, 2008 1 Way To Avoid the Flash of Unstyled Content
This tutorial describes a way to avoid a flash of unstyled content that sometimes occurs when applying styles with JavaScript on p…
- May 19, 2008 Working with Events, part 2
In my last article, I described the common problem of events seemingly ceasing to work for new elements added to a document, wheth…
- May 12, 2008 Using Low Pro for jQuery
Recently I have been getting a real buzz out of developing with jQuery. I've been using the library since 2006, releasing sporadic…
- Mar 31, 2008 Working with Events, part 1
CSS and JavaScript are different in many ways, almost all of which are too obvious to mention. However, one difference between the…
- Oct 20, 2007 Improved Animated Scrolling Script for Same-Page Links
After posting the last entry on animated scrolling with jQuery 1.2, I realized that I had left out an important piece of code. Act…
- Sep 20, 2007 Namespace Your Events
A common pattern in jQuery plugin development is the need to undo what the plugin has done. This is usually handled through a meth…
- Feb 17, 2007 Quick Tip - Set Hover Class for Anything
Sometimes it's nice to be able to give users visual feedback when they hover their mouse over an element on the page. It's easy to…
- Feb 8, 2007 More Showing, More Hiding
We've received a number of comments recently from people looking for variations on the showing and hiding theme. For the basics, y…
- Jan 31, 2007 Copy Events from One Element to Another
Need to clone an element and its events? Sure, you could rebind the events after doing the clone, but that wouldn't be very DRY no…
- Nov 19, 2006 Really Simple Live Comment Preview
Introduction and Caveat I'm sure that some of you were expecting this entry to discuss traversing the DOM using jQuery methods. Af…
- Oct 16, 2006 Quick Tip - Blurring Links
Warning Using JavaScript to blur clicked links is NOT recommended because it interferes with basic accessibility, especially for t…
- Oct 14, 2006 Scroll Up Headline Reader
A couple weeks ago someone on the jQuery discussion list asked if someone could reproduce a rotating headline box in which the hea…
- Sep 5, 2006 Multiple $(document).ready()
One more great thing about $(document).ready() that I didn't mention in my previous post is that you can use it more than once. In…
- Sep 2, 2006 Introducing $(document).ready()
This is the first thing to learn about jQuery: If you want an event to work on your page, you should call it inside the $(document…
- Sep 1, 2006 Sacrificial Lambda
Dynamically binding event handlers to content that has been ajaxed in with $.load without repeating yourself can be tricky. Lambda…
- Apr 15, 2010 Flip your Tip: Keeping the Event-delegation Tooltip in View
Plugins
- Dec 1, 2009 Simple Tooltip for Huge Number of Elements
There are many, many jQuery tooltip plugins out there, and some of them are very good. But when someone on the jQuery Google Group…
- Mar 11, 2009 Making a jQuery Plugin Truly Customizable
Most if not all of the jQuery plugins out there have some level of customization. But very few of the plugin authors have mastered…
- Mar 6, 2009 3 Quick Steps for a Painless Upgrade to jQuery 1.3
Since the release of jQuery 1.3 a month and a half ago, I've been keeping my eye on any troubles that people have had with their u…
- Feb 20, 2009 Implementing Prototype's Array Methods in jQuery
One of the biggest concerns I've heard mentioned from users of the Prototype library about jQuery is the lack of support for vario…
- Jan 3, 2009 The Year of jQuery UI
Two years ago I made the somewhat immodest claim that 2007 would be the "Year of jQuery." Since then, jQuery's popularity has grow…
- Jul 2, 2008 Introduction to jQuery UI
After many months of stellar work, the jQuery UI team has released version 1.5 of their flagship suite of user-interface widgets, …
- May 12, 2008 Using Low Pro for jQuery
Recently I have been getting a real buzz out of developing with jQuery. I've been using the library since 2006, releasing sporadic…
- Feb 12, 2008 Simple Effects Plugins
jQuery has a nice selection of core animation effects, such as .show('speed') and .hide('speed'), .slideUp() and .slideDown(), and…
- Dec 19, 2007 Questions and Answers from the List
I've been feeling guilty lately about my lack of posts to this blog. But when I looked at my profile for the jQuery Google Group a…
- Dec 10, 2007 Managing the creative process behind a jQuery plugin
An excellent post by Mike Alsup described a plugin development pattern that has served him quite well over time. I have used Block…
- Oct 30, 2007 A Plugin Development Pattern
I've been developing jQuery plugins for quite a while now, and I've become rather comfortable with a particular style of plugin de…
- Sep 20, 2007 Namespace Your Events
A common pattern in jQuery plugin development is the need to undo what the plugin has done. This is usually handled through a meth…
- Jul 20, 2007 clueTip Plugin Beta 2
Beta 2 of the clueTip Plugin for jQuery is out the door and on the server. I've made a number of fairly significant changes (for t…
- May 24, 2007 Half-Star Rating Plugin
There was a request recently on the jQuery discussion list for an enhancement to Ritesh Agrawal's Simple Star Rating System to all…
- Jan 31, 2007 Copy Events from One Element to Another
Need to clone an element and its events? Sure, you could rebind the events after doing the clone, but that wouldn't be very DRY no…
- Oct 18, 2006 Updated Plugin - jTip
Update This plugin is no longer being supported. If you're interested in trying a tooltip plugin with lots of features, please che…
- Dec 1, 2009 Simple Tooltip for Huge Number of Elements
Utilities
- May 3, 2011 jQuery.map() in 1.6
Among all of the great fixes and additions to jQuery 1.6, I'm happy to say that jQuery.map() now supports objects! The previous ma…
- Mar 6, 2009 3 Quick Steps for a Painless Upgrade to jQuery 1.3
Since the release of jQuery 1.3 a month and a half ago, I've been keeping my eye on any troubles that people have had with their u…
- Feb 20, 2009 Implementing Prototype's Array Methods in jQuery
One of the biggest concerns I've heard mentioned from users of the Prototype library about jQuery is the lack of support for vario…
- Dec 22, 2008 Peeling Away the jQuery Wrapper and Finding an Array
If you haven't poked around under the hood of jQuery, you might not be aware that when you pass the jQuery function an expression …
- May 3, 2011 jQuery.map() in 1.6















