Jquery 调整div中所有图像的大小

HTML

我希望将.test类中找到的所有图像重新缩放到定义的最大宽度。

简单如下：

$('div.test img').css({'max-width' : '100px'});

就这么简单:

$('div.test img').css({'max-width' : '100px'});

大概是这样的：

var max = 100;
$('div.test img').each(function() {
    if ($(this).width() > max) {
        $(this).width(max);
    }
});

…将循环浏览所有图像，依次测试并可能设置每个图像的宽度

替代解决方案：

var max = 100;
$('div.test img').width(function(i,w) {
    return Math.min(w, max);
});

进一步阅读：

这个 这个 大概是这样的：

var max = 100;
$('div.test img').each(function() {
    if ($(this).width() > max) {
        $(this).width(max);
    }
});

…将循环浏览所有图像，依次测试并可能设置每个图像的宽度

替代解决方案：

var max = 100;
$('div.test img').width(function(i,w) {
    return Math.min(w, max);
});

进一步阅读：

这个 这个 我想你可以把它写成css{'max-width'：'100%}；我想你可以把它写成css{'max-width'：'100%}；