jQuery中创建与添加元素

Posted 2021-01-30 ziliangbo

1. 父级元素追加子级元素: 父级.append("html标签");会多次创建

$("#btn").click(function(){
    $(".box").append("<a href=‘http://www.baidu.com‘>百度</a>");
}) ;

2. 第二种写法：$("<div></div>").appendTo(".box")，把元素添加到，因为创建出来的是对象，所以可以直接调方

$("#btn").click(function(){
    $("<a href=‘http://www.baidu.com‘>百度</a>").appendTo(".box");
})

3.如果把一个元素里面的元素添加到另一个元素里面，使用append和appendTo会把当前这个元素剪切到另一个元素，这样当前的就没有了，跑到了另一个里面 .clone()克隆后再添加即可

$("div>li").clone().appendTo("div2");