<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>文档处理</title> <script src="jquery-3.4.1.js"></script></head><body><a>click</a><div id="div1"> <div>first</div> </div><p>hello p</p><script>//一:内部插入 //1.(1)append()方法,将p标签插入到div标签里面,(成为最后一个孩子)// var ele=$(‘p‘);// $(‘#div1‘).append(ele); //(2)将p标签插入到div标签里面,(成为最后一个孩子)----(调用对象不一样)// var ele=$(‘p‘);// ele.appendTo($(‘#div1‘)) //2.(1)prepend()方法,将p标签插入到div标签里面,(成为第一个孩子)// var ele2=$(‘p‘);// $(‘#div1‘).prepend(ele2); //(2)将p标签插入到div标签里面,(成为第一个孩子)----(调用对象不一样)// var ele2=$(‘p‘);// ele2.prependTo($(‘#div1‘)); //二:外部插入 //1.(1)after()方法,将p标签插入到div标签后面,和div并列为兄弟// var ele1=$(‘a‘);// $(‘div‘).after(ele1);//(2).insertAfter()方法,将p标签插入到div标签后面,和div并列为兄弟// var ele1=$(‘a‘);// ele1.insertAfter($(‘#div1‘)); //2.(1)before()方法,将p标签插入到div标签前面,和div并列为兄弟// var ele2=$(‘p‘)// $(‘#div1‘).before(ele2); //(2).insertBefore()方法,将p标签插入到div标签前面,和div并列为兄弟// var ele2=$(‘p‘);// ele2.insertBefore($(‘#div1‘)); //clone()方法 var e=$(‘div p‘); var ele=e.clone(); //然后对克隆对象进行操作 </script> </body></html>
原文地址:https://www.cnblogs.com/startl/p/12302721.html
时间: 2024-10-07 08:57:53