jQuery以px为单位计算padding-top为整数

jQuery的主要优点之一是它是可插拔的,所以如果您有一个不需要立即满足的图书馆,有一个庞大的外观插件的搜索.如果没有人做任何你想要的事情,那么自己动手很容易.
我认为正确的方式去这里,如果你找不到你想要的插件,最后一个：自己编写.

但是,请确保您自己清楚插件的规格.如果元素没有用于填充的CSS设置,该怎么办？是否应该在此元素上返回样式,或计算样式？对于无效的css会发生什么(比如’padding-top：10 unitsThatDontExist;’或’padding-left：two;’)？

到get you started – 这是使用你自己的插件可能看起来像你的代码：

var topPadding = $('#anElement').padding('top');

为了做到这一点,只需编写一个这样的插件：

$.fn.padding(direction) {
    // calculate the values you need,using a switch statement
    // or some other cLever solution you figure out

    // this Now contains a wrapped set with the element you apply the 
    // function on,and direction should be one of the four strings 'top',// 'right','left' or 'bottom'

    // That means you Could probably do something like (pseudo code):
    var intPart = this.css('padding-' + direction).getIntegerPart();
    var unit = this.css('padding-' + direction).getUnit();

    switch (unit)
    {
        case 'px':
            return intPart;
        case 'em':
            return ConvertEmToPx(intPart)
        default:
            // Do whatever you feel good about as default action
            // Just make sure you return a value on each code path
    }
};