<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>内部插入脚本</title><metahttp-equiv="content-type"content="text/html; charset=UTF-8"><scriptlanguage="JavaScript"src="../js/jquery-3.3.1.js"></script><styletype="text/css">div,span{width: 140px;height: 140px;margin: 20px;background: #9999CC;border: #000 1px solid;font-size: 17px;font-family:Roman;}div .mini{width: 30px;height: 30px;background: #CC66FF;border: #000 1px solid;font-size: 12px;font-family:Roman;}div.visible{display:none;}</style></head><body><ulid="city"><liid="bj"name="beijing">北京</li><liid="tj"name="tianjin">天津</li><liid="cq"name="chongqing">重庆</li></ul><ulid="love"><liid="fk"name="fankong">反恐</li><liid="xj"name="xingji">星际</li></ul><divid="foo1">Hello1</div></body><scripttype="text/javascript">/**将反恐放置到city的后面*/// $("#city").append($("#fk"));/**将反恐放置到city的最前面*/// $("#city").prepend($("#fk"));//将div放到两个ul的中间// $("#city").after($("#foo1"));//$("#love").before($("#foo1"));//将div复制并放到两个ul的中间$("#love").before($("#foo1").clone());</script></html>
五、删除元素对象
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>删除元素对象</title><metahttp-equiv="content-type"content="text/html; charset=UTF-8"><scriptlanguage="JavaScript"src="../js/jquery-3.3.1.js"></script></head><body><ulid="city"><liid="bj"name="beijing">北京</li><liid="tj"name="tianjin">天津</li><liid="cq"name="chongqing">重庆</li></ul><pclass="hello">Hello</p> how are <p>you?</p></body><scripttype="text/javascript">//删除<li id="bj" name="beijing">北京</li>$("#bj").remove();//删除所有的子节点 清空元素中的所有后代节点(不包含属性节点).$("#city").empty();</script></html>