jquery 文档处理 html文档处理复制一个标签，添加一个标签-CFANZ编程社区

jquery 文档处理 html文档处理复制一个标签，添加一个标签

文章主题

jquery 文档处理

文章正文

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="js/jquery.min.js"></script>
    <script src="js/index8.js"></script>
  </head>
  <body>
    <pre>
    <input id="uname" type="text" />
    <div id="d1">里面追加内容</div>

      <li id="li1">aaaa</li>
      
      <div id="d2">
        empty
      </div>

    </pre>
  </body>
</html>

$(function(){
  $("#d1").append("end");//在标签的内容后面追加
  $("#d1").prepend("start");//在标签的内容前面追加
  $("#uname").before("用户名");//在标签对象的前面追加
  $("#uname").after("<span>*</span>")//在标签对象的后面追加
  $("#li1").wrap("<ul></ul");//在标签的外面包裹一个ul
  $("#li1").wrapInner("<a href=''></a>");//在标签的里面包裹一个a标签
  $("#d2").empty();//情况内容
  $("#d2").remove();//移除对象
  $("ul").append($("#li1").clone())//复制
})