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
});

是否可以改变“宽度”和“宽度”。 IMG标签上的“height”属性？

3 个答案: