在使用jquery進(jìn)行圖片預(yù)覽和加載時(shí)，有時(shí)需要對(duì)圖片進(jìn)行默認(rèn)大小的設(shè)置。下面我們就來介紹一下如何使用jquery設(shè)置默認(rèn)圖片大小。

$(function() {
$('img').each(function() {
if ($(this).width() > 100) {
$(this).css({
width: "100px",
height: "auto"
});
}
});
});

上述代碼中，我們使用了each方法對(duì)每一個(gè)img元素進(jìn)行遍歷。然后通過if語句判斷當(dāng)前img元素的寬度是否大于100。若大于，則設(shè)置寬度為100px，高度為自適應(yīng)。這樣我們就達(dá)到了默認(rèn)限制圖片寬度的目的。

需要注意的是，該方法對(duì)圖片進(jìn)行了等比例縮放，可能會(huì)引起圖片的失真。如果需要更好的圖片顯示效果，建議使用其他技術(shù)如等比例裁剪。