jquery获取img宽高

jquery获取img宽高的 *** 作方法和步骤如下：

1、首先，界面中有一个img，但是js不用于设置其宽度，高度和背景颜色，如下图所示。

2、其次，使用jQuery获取要设置的div，然后调用css（）方法即可开始设置，如下图所示。

3、接着，可以在css方法中设置。需要注意的是，里面有大括号，并且该属性用双引号引起来，如下图所示。

4、然后，完成上述步骤后，要同时设置多个属性，请使用逗号分隔多个属性，如下图所示。

5、随后，完成上述步骤后，打开hbuilder上方的浏览器小图标并开始预览，如下图所示。

6、最后，完成上述步骤后，观看效果，如下图所示。这样，问题就解决了。

如果使用原生js的话,通过var

image

=

document.getElementById('imageId')或document.images['..']获得image元素，然后使用image.style.width=***和image.style.height=***就可以了．如果使用jquery的话就很简单了．$('图片选择器').css({width:

***,

height:

***})或者.width(***).height(***).

//给你一个比较灵活的，可自由控制

jQuery(window).load(function () {

jQuery(".div1 img").each(function () {//div1下的img宽度、高度设置

DrawImage(this, 700, 470)//宽700，高470，自己改为相同即可。

})

})

function DrawImage(ImgD, FitWidth, FitHeight) {//下面是判断，可自己修改条件

var image = new Image()

image.src = ImgD.src

if (image.width > 0 && image.height > 0) {

if (image.width / image.height >= FitWidth / FitHeight) {

if (image.width > FitWidth) {

ImgD.width = FitWidth

ImgD.height = (image.height * FitWidth) / image.width

}else {

ImgD.width = image.width

ImgD.height = image.height

}

} else {

if (image.height > FitHeight) {

ImgD.height = FitHeight

ImgD.width = (image.width * FitHeight) / image.height

} else {

ImgD.width = image.width

ImgD.height = image.height

}

}

}

}

---