如何選擇使用jQuery的所有圖像，並給他們一個寬度？

Question

我想用jQuery選擇所有圖像並給它們一個樣式？

這些照片是非常大的

<div class="body"> 
    <img src="some-src" > 
    <img src="some-src" > 
    <img src="some-src" > 
    <img src="some-src" > 
</div> 

我想要做這樣的事情：

$(document).ready(function() { 
    $('.body').('img').foreach().css({"width":"200px"}); 
}); 

我該怎麼辦呢？

Answer 1

您可以使用此

$(document).ready(function() { 
    $('div.body img').css("width","200px"); 
}); 

或本

$(document).ready(function() { 
    $('.body').each(function() { 
     $('img').css("width","200px"); 
    }) 
}); 

，或者您可以使用CSS這樣的：

.body img{ 
    width : 200px; 
} 

或

img{ 
    width : 200px; 
} 

Answer 2

你不需要使用每個你可以選擇像下面的方法的所有圖像。

<div class="body"> 
    <img src="some-src" > 
    <img src="some-src" > 
    <img src="some-src" > 
    <img src="some-src" > 
</div> 
$(document).ready(function() { 
    $('div.body img').css("width","200px"); 
});