jquery修改文档结构(三)

来源：互联网发布：阿里云ntp服务器编辑：程序博客网时间：2024/04/20 12:55

(1):append,prepend,before,after,replaceWith插入与替换元素

  $("#log").append("xxx")//在id为log的元素结尾添加内容         $("<h1>").prepend("xx")//在每个h1起始处添加章节标识         $("<h1>").before("<hr>")//在每个<h1>元素前面添加水平线         $("<h1>").after("<hr>")//在每个<h1>元素的后面添加水平线         $("<hr>").replaceWith("<br>");//替换所有的<hr>元素为<br>元素                 $("xxx").appendTo("#log").//在id为log的元素结尾添加内容         $("xx").prependTo("<h1>")//在每个h1起始处添加章节标识         $("<hr>").insertBefore("<h1>")//在每个<h1>元素前面添加水平线         $("<hr>").insertAfter("<h1>")//在每个<h1>元素的后面添加水平线         $("<br>").replaceALL("<hr>");//替换所有的<hr>元素为<br>元素

(2):clone复制元素

   //文档中添加一个id为da的div元素         $("document.body").append("<divid="da"></div>");         //将文档中所有的连接复制并插入div         $("a").clone().appendTo("#da");         //在每一个连接后面插入<br>元素         $("#da>a").after();

(3):warp,warpInner包装元素

$("h1").wrap(<i/>);//<i><h1></h1></i>$("h1").wrapInner(<i>);//<h1><i></i></h1>

(4)Empty,remove,detach删除或是清空元素

 $("h1").remove();删除所有的h1元素 $("div").empty();删除所有div元素的所有子元素 detach()方法和remove()类似，但不会移除事件处理程序与数据

0 0