jquery - 是否可以更改 IMG 标签上的“宽度”和“高度”属性？

Question

<div class="moviesRotator" id="moviesRotator">
<a>
<img width="431" height="348" alt="" src="img_url1"/>
</a>
<a>
<img width="431" height="348" alt="" src="img_url2"/>
</a>
<a>
<img width="431" height="348" alt="" src="img_url3"/>
</a>
</div>

我想让图像更宽，动态更大。那么有可能做到这一点吗？

$('.moviesRotat0r.a.img').attr('width', 620)
$('.moviesRotat0r.a.img').attr('height', 380)

那么是否可以遍历 中的所有标签并以这种方式更改高度和宽度？

这里的正确语法是什么？

请告诉我。

非常感谢。

Answer 1

您可以这样做...确保图像来源足够大以避免放大伪影...

$('.moviesRotator img').attr('width', 620).attr('height', 380);

如果可用，请使用容器的 id（搜索速度更快）

$('#moviesRotator img').attr('width', 620).attr('height', 380);

Answer 2

选择器将是：

$('.moviesRotator > a > img')

Answer 3

这更好，检查这个链接：http: //jsfiddle.net/cpeW8/3/

html示例：

<img src='#' width="320" height="240" />

jQuery 示例：

(function($) {
    var imgSelected = $('img');
    console.log('Current width: ' + imgSelected.attr('width') + '; Current height: ' + imgSelected.attr('height'));
    imgSelected.attr({
        width: 400,
        height: 300
    });
    console.log('Current width: ' + imgSelected.attr('width') + '; Current height: ' + imgSelected.attr('height'));
})(jQuery)

在您的情况下，它将是：

$('#moviesRotator img').attr({
    width: 400,
    height: 300
});