如何选择使用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"); 
});