在jQuery中追加元素

Question

var main_div = $('div[class^="select"]');  
var download_button = document.createElement('a');

download_button.setAttribute("id", "download");
download_button.style.color = "blue";
download_button.href = "#";
download_button.innerHTML = "Download";

main_div.append(download_button);

什么都不會發生，沒有附加新元素來選擇這有什么問題？

Answer 1

采用

main_div.append(download_button);

代替

main_div.appendTo(download_button);

更新-

DEMO

Answer 2

您可以在jQuery中執行以下操作：

 var main_div = $('div[class^="select"]'); 

 $("<a/>")
   .attr("id","download")
   .css("color","blue")
   .attr("href","#")
   .html("Download")
   .appendTo(main_div);

Answer 3

不要像您一樣混合使用jQuery和JS ...

var main_div = $('div.select');  
var download_button = $('<a id="download" style="color:blue;" href="#">Download</a>');

main_div.append(download_button);