使用JQuery css方法的自定义CSS游标

Question

有没有办法可以使用JQuery的.css（）方法来提供以下光标样式？：

cursor: url(http://www.google.com/intl/en_ALL/mapfiles/closedhand.cur), default !important;

Answer 1

jQuery不理解!important，因此，如果删除它，它将起作用：

$('selector').css({
    'cursor': 'url(http://www.google.com/intl/en_ALL/mapfiles/closedhand.cur), default'}); 

有办法解决它，为什么不使用CSS类？

/* CSS */
.cursor {
    cursor: url('http://www.google.com/intl/en_ALL/mapfiles/closedhand.cur'), default !important;
}

所以你可以：

$('selector').addClass('cursor');

还有其他选择，请参阅：How to apply !important using .css()?

Answer 2

使用下面的代码在fiddle中似乎对我很好，但是如上所述，我删除了!important使其正常工作。

$('#cursor').css(        
    'cursor','url(http://www.google.com/intl/en_ALL/mapfiles/closedhand.cur),default'
);