Change the cursor with JQuery

September 24th, 2012

Warning: This post is 11 years old. Some of this information may be out of date.

Occasionally I use JQueryUI components to display dialogs and I like to set the cursor to the 'timer' when the event is triggered and back to 'auto' afterwards. Here's how to change the cursor with JQuery.

$('body').css('cursor', 'wait');

To set it back:

$('body').css('cursor', 'auto');

For more information on JQuery's CSS function please visit the JQuery CSS manual at