JQuery--计算元素的宽度

1    /*width:只能计算元素的内容宽度
2         * innerWidth():可以获取元素的  内容+padding 的宽度
3         * outerWidth():可以获取元素的   内容+padding+border 的宽度
4         * outerWidth(true):可以获取元素的 内容+padding+border+margin 的宽度
5  */

/*例子*/
  /*计算产品块标签页导航条的宽度：获取所以导航项，将其宽度累加*/
    var proTabs = $(".wjs_product .nav-tabs");
    var allProTabsLi = proTabs.find("li");
    var total = 0;
    allProTabsLi.each(function(index,value){
        /*width:只能计算元素的内容宽度
        * innerWidth():可以获取元素的  内容+padding 的宽度
        * outerWidth():可以获取元素的   内容+padding+border 的宽度
        * outerWidth(true):可以获取元素的 内容+padding+border+margin 的宽度*/
        total += $(value).innerWidth();
    });
    proTabs.width(total);
    /*使用iScroll实现子元素的滑动*/
    var myScroll = new IScroll(".wjs_tabParent",{
        scrollX: true, scrollY: false
    });

 

转载于:https://www.cnblogs.com/mrszhou/p/8312849.html