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