javascript 以及 jquery DOM节点操作

DOM节点

父节点： parentNode,

子节点：childNodes

首个子节点：firstChild

末尾子节点：lastChild

兄弟子节点：nextSlibling、previousSlibling

原生Javascript：

1. appendChild()。

插入新的节点到节点列表末尾，返回的是新插入的节点。

2. insertBefore(newNode, prevNode)

插入新的节点到参照节点之前，成为参照节点的兄弟节点。返回的是新增节点。

3. replaceChild(newNode, preNode)

使用newNode替换preNode节点，并返回preNode节点

4. remove(node)

从文档树中删除node节点。该方法返回被删除的节点。

5. cloneNode(bool)

在传入参数为true，表示深复制，将会复制节点及整个子节点数。

若传参为false或为空，则表示浅复制。只复制节点本身。

复制返回的节点属于文档，但未对其指定父节点。该方法只会复制特性及子节点，不会复制事件处理函数等。

jquery：

1.    addClass(）                 向匹配元素添加指定类名

2.    after()                             向匹配元素之后插入内容。不包括在匹配元素范围内。

3.    append()                       向匹配元素的末尾插入内容，参数可以使函数返回值。

4.    appendTo()                   向匹配元素的末尾插入内容，与append功能一样，只是内容和选择器的位置不一样

5.    attr()                               设置或返回元素的属性和值

6.    before()                         在每个匹配的元素之前插入内容。不包括在匹配元素范围内

7.    clone()                           创建匹配元素的副本。包含子节点及属性，传参为true的时候会复制事件处理

8.    detach()                         从dom中移除匹配元素，

9.    empty()                          移除匹配元素得所有子节点

10.  hasClass()                   判断匹配元素是否有该指定的类

11.   html()                            设置或返回html内容

12.  insertAfter()                  插入节点到匹配元素的后面

13.  insertBefore()              插入元素到匹配元素 的后面

14.  prepend()                     插入元素到匹配元素的开头,在匹配元素范围内

15.  prependTo()                 同上

16.  remove()                      

17.  removeAttr()

18.  removeClass()

19.  replaceAll()

20.  replaceWith()

21.  text()

22.  toggleClass()

23.  unwrap()

24.  val()

25.  wrapAll()

26.  wrapInner()