Obter css valor superior como número e não como string?

No jQuery, você pode obter a posição superior em relação ao pai como um número, mas não é possível obter o valor superior do css como um número se ele tiver sido definido px.
Digamos que tenho o seguinte:

#elem{
  position:relative;
  top:10px;
 }

<div>
  Bla text bla this takes op vertical space....
  <div id='elem'>bla</div>
</div>

$('#elem').position().top; //Returns the number (10+(the vertical space took by the text))
$('#elem').css('top'); //Returns the string '10px'

Mas eu quero ter a propriedade css top como o número 10.
Como alguém conseguiria isso?

Você pode usar a função parseInt () para converter a string em um número, por exemplo:

parseInt($('#elem').css('top'));

Atualização: (como sugerido por Ben): Você também deve fornecer o radix:

parseInt($('#elem').css('top'), 10);

Força que ele seja analisado como um número decimal; caso contrário, as seqüências iniciadas com '0' podem ser analisadas como um número octal (pode depender do navegador usado).

Um plugin jQuery baseado na resposta do M4N

jQuery.fn.cssNumber = function(prop){
    var v = parseInt(this.css(prop),10);
    return isNaN(v) ? 0 : v;
};

Então você apenas usa este método para obter valores numéricos

$("#logo").cssNumber("top")

Um plugin um pouco mais prático / eficiente baseado na resposta de Ivan Castellanos (que foi baseado na resposta de M4N). O uso || 0converterá Nan em 0 sem a etapa de teste.

Também forneci variações float e int para se adequar ao uso pretendido:

jQuery.fn.cssInt = function (prop) {
    return parseInt(this.css(prop), 10) || 0;
};

jQuery.fn.cssFloat = function (prop) {
    return parseFloat(this.css(prop)) || 0;
};

Uso:

$('#elem').cssInt('top');    // e.g. returns 123 as an int
$('#elem').cssFloat('top');  // e.g. Returns 123.45 as a float

Teste o violino em http://jsfiddle.net/TrueBlueAussie/E5LTu/