調整圖像大小與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（）指定圖像尺寸。