jquery内部插入与外部插入
<!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>
相关推荐
zrtlin 2020-11-09
xuebingnan 2020-11-05
wikiwater 2020-10-27
heheeheh 2020-10-19
Crazyshark 2020-09-15
softwear 2020-08-21
ZGCdemo 2020-08-16
jczwilliam 2020-08-16
littleFatty 2020-08-16
idning 2020-08-03
jinxiutong 2020-07-26
lanzhusiyu 2020-07-19
Skyline 2020-07-04
xiaofanguan 2020-06-25
Aveiox 2020-06-23
dragonzht 2020-06-17