如何复制{cursor：hand; jQuery中的cursor：pointer}

Question

在CSS中，出于跨浏览器的原因使用{cursor: hand; cursor: pointer}是一种常见做法。你会如何使用jQuery实现相同的效果？如果你做$('#foo').css({cursor: 'hand', cursor:'pointer'});它们是对象键并且会互相破坏。

谢谢！

Answer 1

为什么不使用addClass？

.pointer {
    cursor: hand;
    cursor: pointer;
}

$('#foo').addClass('pointer');

Answer 2

if ($.browser.msie && $.browser.version < '6.0') {
    $('#foo').css('cursor','hand');
} else {
    $('#foo').css('cursor','pointer');
}

OR

var cursor = ($.browser.msie && $.browser.version < '6.0') ? 'hand' : 'pointer';
$('#foo').css('cursor',cursor);