节点的操作

1.添加节点

  • 内部追加
    • .prepend(); 在ul之后添加标签

    • .prependTo(); 在第一个li之前添加标签

    • .append();把newtag添加到第一个li之前

    • .appendTo();在指定元素之后追加

      $('ul').prepend(newtag);
      $(newtag).prependTo('li');
      $('ul').append(newtag);
      $(newtag).appendTo('li');
      
  • 外部追加
    • .after();

    • .before();

    • .insertBefore();insertBefore() 方法在被选元素之前插入 HTML 标记或已有的元素。

    • .insertAfter();

      $('ul').after(newtag);
          $('ul').before(newtag);
          $(newtag).insertBefore('ul');
          $(newtag).insertAfter('ul');
      
2.删除节点
  • .remove(); 把当前结点删除

  • .empty(); 清空结点当中的所有内部.

          把当前结点删除
              $('ul').remove();
              清空结点当中的所有内部.
              $('ul').empty();
    
3.替换节点
  • .replaceWith()

          把p结点替换成newTag
          $('p').replaceWith(newTag);
    
4.复制节点
  • .clone()

      $('button').click(function () {
          复制第一个li
             var newTag = $('li:first').clone();
             $('ul').append(newTag);
          });
    

你可能感兴趣的:(节点的操作)