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，并不是0var 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

總結

以上是生活随笔為你收集整理的Jquery中css()方法获取边框长度的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。