jQuery 结点操作

 

01-添加结点

  内部添加

    append(): 添加节点->追加到最后 (属性父子关系)

      $('ul').append(tag);

    appendTo(): 把创建的结点添加到指定结点之后

       $(tag).appendTo('li');

    prepend() 添加结点->追加到最前面 (属性父子关系)

      $('ul').prepend(tag);

    prependTo() 把创建的结点添加到指定结点之前

      $(tag).prependTo('li');

  外部添加

    after() 把指定结点添加到指定元素之后,(属于兄弟关系)

      $('ul').after(tag);

    before() 把指定结点添加到指定元素之前,(属于兄弟关系)

      $('ul').before(tag);

    insertBefore(tag) 把指定元素添加到指定元素之后

      $('li:last').insertBefore($('li:first'));

    insertAfter(tag) 把指定元素添加到指定元素之前

      $('li:first').insertAfter($('li:last'));

 

02-删除结点&清空节点内容

  把指定的节点删除

    $(tag).remove()

  清空选择元素当中的所有内容,内部有标签连标签一起清空.没有标签,直接清空文字

    $(tag).empty()

 

03-替换&复制结点

  tag1.replaceWith(tag2)

    把tag1标签替换成tag2标签

  tag.clone(varBool)复制tag标签.

    参数说明:

      当参数为false时代表只复制标签,不包括标签绑定的事件.

      当参数为true时代表不仅复制标签,连同里面的事件一起复制

      如果没有传递参数,代表为false