js 获取 a的高度的时候， 图片还没有加载出来 ，拿不到高 跟 js的顺序有关。

图片css属性呢？是不是有position:absolute;或类似使图片不占p空间的东西。

Element.clientWidth可以获取到元素的宽度
该属性值会被四舍五入为一个整数。如果你需要一个小数值，可使用 element.getBoundingClientRect()。
语法
var intElemClientWidth = element.clientWidth;
来自
https://developer.mozilla.org...

$('.bd ul li a').height()这是a标签的高度，试试$('.bd ul li img').height();

把a的属性设置为block吧，图片属于内联元素，a也属于内联元素。当内联元素在内联元素里面时，内部的内联元素就默认是一个字体的高度，我想21px是你的line-height的高度吧

$('img').each(function(index){
  var $this = $(this);
  var src = $this.attr('src');
  var img = new Image()
  img.onload = function(){
    console.log(this.src, this.width);
  }
  img.src = src;
});

经过一轮百度之后得到：

function imgLoad(img, callback) {
            var timer = setInterval(function() {
                if (img.complete) {
                    callback(img)
                    clearInterval(timer)
                }
            }, 50)
        }
        imgLoad(img1, function() {
            p1.innerHTML('加载完毕')
        })