调整图像大小与jQuery之前附加到一个div

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（）指定图像尺寸。