Jquery中css,方法获取边框长度

  

  1. JQuery中可以使用css()方法获取块元素的边框宽度,如下:

  $("divMode").css("border-left-width");//左边框长度 “8px”(字符型)
  $("divMode").css("border-right-width");//右边框长度 “8px”(字符型)

  2. 上面的获取方式,取到的只是字符串格式的;如果要运用到计算中,需要使用praseInt()将获取的值转换。如下:

  

var borderLeftWidth = parseInt($("divMode").css("border-left-width")); //左边框长度 8 (Number型,可用于计算)
var borderRightWidth = parseInt($("divMode").css("border-right-width")); //右边框长度 8(Number型,可用于计算)

  3.关于IE8的兼容性

    当在IE8 和 IE8- 的环境下使用时,当边框宽度为0情况下:   

    //borderLeftWidth IE8结果为NaN,并不是0
    var borderLeftWidth = parseInt($("divMode").css("border-left-width"));

    其结果并不是0,而是NaN,所以给计算带来不便。需要做兼容操作,如下:

    if(isNaN(borderLeftWidth)){//如果是NaN型,则需转为0值
        borderLeftWidth = 0;
    }

     *IE9及IE9+可自动转为0值,可使用直接计算。