jQuery DOM操作
var div=$("<div></div>");
var img=$("<img src='./img/2.jpg'>");
console.log(img);
$("body").append("<div></div>");
var div=$("<div></div>");
$("body").append(div);
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
var arr=[
{site:"新浪",url:"http://www.sina.com"},
{site:"京东",url:"http://www.jd.com"},
{site:"腾讯",url:"http://www.qq.com"},
{site:"百度",url:"http://www.baidu.com"},
{site:"网易",url:"http://www.163.com"}
]
$("div").append(function(index,item){
return "<a href='"+arr[index].url+"'>"+arr[index].site+"</a>"
})
<div>新浪</div>
<div>京东</div>
<div>腾讯</div>
<div>百度</div>
<div>网易</div>
var arr=["sina","jd","qq","baidu","163"];
$("div").append(function(index,item){
return "<a href='http://www."+arr[index]+".com'>"+item+"</a>";
})
$("<div></div>").appendTo("body");
$("<div></div>").appendTo("body").width(100).height(100).css("backgroundColor","red");
$("body").append("<div></div>").width(100).height(100).css("backgroundColor","red")
$("body").prepend("<div>1111</div>");
$("<div>1111</div>").prependTo("body");
$(".div1").after("<div>111</div>");
$("<div>111</div>").insertAfter(".div1");
$(".div1").before("<div>1111</div>");
$("<div>111</div>").insertBefore(".div1");
$("div").wrap("<div class='div2'></div>");
$("a>div").unwrap();
$("div").wrapAll("<div class='div2'></div>");
var arr=["sina","jd","qq","baidu","163"];
$("div").wrap(function(index,item){
return "<a href='http://www."+arr[index]+".com'></a>"
})
复制、删除、替换
<div class="div1"></div>
<div>新浪</div>
<div>京东</div>
<div>腾讯</div>
<div>百度</div>
<div>网易</div>
<div></div>
复制
$("div").appendTo("body");
$("div").clone(true).appendTo("body");
$("div").on("click",function(){
$(this).css("color","red");
}).clone(true).appendTo("body");
$("div").on("click",function(){
$(this).css("color","red");
}).clone(false).appendTo("body");
删除
$("div").remove();
$("div").detach();
$("div").empty();
$("div").remove();
$("div").detach();
$("div").empty();
var div=$("div").on("click",function(){
$(this).css("color","red");
}).remove();
var div=$("div").on("click",function(){
$(this).css("color","red");
}).detach();
div.appendTo("body");
替换
$(".div1").replaceWith("<span></span>");
$("<span></span>").replaceAll(".div1");