How to get just numeric part of CSS property with jQuery?

Question

I need to do a numeric calculation based on CSS properties. However, when I use this to get info:

$(this).css(\'marginBottom\')

it returns

Answer 1

You can implement this very simple jQuery plugin:

Plugin Definition:

(function($) {
   $.fn.cssValue = function(p) {
      var result;
      return isNaN(result = parseFloat(this.css(p))) ? 0 : result;
   };
})(jQuery);

It is resistant to NaN values that may occur in old IE version (will return 0 instead)

Usage:

$(this).cssValue('marginBottom');

Enjoy! :)