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值，可使用直接计算。

 

转载于:https://www.cnblogs.com/springlight/p/5639567.html