Change the cursor with JQuery


Posted by Andrew McCombe on Mon Sep 24, 2012

Change the cursor with JQuery

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 http://api.jquery.com/css/