zoukankan      html  css  js  c++  java
  • 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值,可使用直接计算。

  • 相关阅读:
    IOS
    XCode
    Android Studio
    Android Studio
    Cordova
    Delphi
    Cordova
    Delphi
    JQuery Mobile
    twitter ads_campaign management(图示)
  • 原文地址:https://www.cnblogs.com/springlight/p/5639567.html
Copyright © 2011-2022 走看看