Question

大家好，这是我的代码：

var new_container_element = 
    $("<div></div>").addClass("content content_loaded")
    .append($("<div></div>")
    .append($("<a></a>").attr("href", DefaultImageSrc)
    .append($("<img></img>").attr("src", DefaultImageSrc).addClass("thumb"))));
$(".container").append(new_container_element);

如何在将此图片附加到.container之前重新调整此图片，例如height=300 and width=500

Answer 1

.css（propertyName，value）：为匹配元素集设置一个或多个CSS属性。

您可以使用 css() 功能：

 .append($("<img></img>").css({width: '500px',heigth: '300px'})...

完整代码：

var new_container_element = 
    $("<div></div>").addClass("content content_loaded")
    .append($("<div></div>")
    .append($("<a></a>").attr("href", DefaultImageSrc)
    .append($("<img></img>").css({width: '500px',heigth: '300px'})
    .attr("src", DefaultImageSrc).addClass("thumb"))));
$(".container").append(new_container_element);

Answer 2

呃，你真的不应该像那样链接。但您可以使用.css（）或通过.width（）和.height（）指定图像尺寸。

使用jQuery调整图像大小，然后将其附加到div

2 个答案: