jQuery的嵌入元件和覆蓋

Question

要清空一個div與我使用的圖像替換：

$(this).html(''); 
$('<img/>', { 
    src: 'blah.gif' 
}).appendTo(this); 

有沒有更好的方式來做到這一點？

*編輯：我必須保留$('<img/>'部分，否則我可以做$(this).html('<img src="blah.gif">');我知道了！

Answer 1

可以使用.empty()或您當前.html()與.append()做到這一點，它的鏈接，但沒有那麼多的改進：

$(this).empty().append($('<img />', { src: 'blah.gif' })); 
//or.. 
$(this).html('').append($('<img />', { src: 'blah.gif' })); 

Answer 2

這應該做同樣的事情在更少的代碼

$(this).html('<img src="blah.gif />"'); 

Answer 3

我更喜歡.empty()：

$(this).empty().append($('<img />', { 
     src: 'blah.gif' 
    } 
));