如何使用jQuery更改光标？

Question

我刚刚回答了如何做到这一点：

CSS

body.ajaxloading {     cursor:wait; } 

的jQuery

function enableLoadingIcon() {     
   $(body).addClass('ajaxloading'); 
} 
function disableLoadingIcon() {     
   $(body).addClass('ajaxloading'); 
} 

然而，当我尝试实现它似乎不起作用。谁能看出原因是什么？

Answer 1

$(body)错了。它实际上是$("body")。

function enableLoadingIcon() {     
   $('body').addClass('ajaxloading'); 
} 
function disableLoadingIcon() {     
   $('body').removeClass('ajaxloading'); 
} 

或者更快，$(document.body)

function enableLoadingIcon() {     
   $(document.body).addClass('ajaxloading'); 
} 
function disableLoadingIcon() {     
   $(document.body).removeClass('ajaxloading'); 
} 

Answer 2

您只需要$('body')而不是$(body)

Answer 3

或者，如果您只是使用jQuery手动注入CSS，则不必在CSS中声明该类：

function enableLoadingIcon() {     
   $(document.body).css ("cursor", "wait"); 
} 
function disableLoadingIcon() {     
   $(document.body).css("cursor", "auto"); 
}