DOM——建立節點及節點屬性與内部插入append()和appendTo()

      建立節點及節點屬性與内部插入append()和appendTo()

1   建立流程

   建立節點（常見的元素、屬性和文本）

   添加節點的一些屬性

   加入到文檔中

2   流程中涉及的方法

   建立元素document,creat

   設定屬性setAttrilbute

   添加文本innerHTML

   加入文檔appendChild

3   建立節點時注意：每一個元素節點都必須單獨建立，節點是屬性需要單獨設定，而且設定的接口不是很統一，添加到指定的元素位置不靈活，浏覽器相容問題處理

4   建立元素節點常見的是直接把這個節點的結構通過HTML标記字元串描述出來，通過$()函數處理$("html結構")如$("<div><div>")

5   建立為本節點與建立元素節點類似，可以直接把文本内容一并描述，如$("<div>我是文本節點</div>")

6   建立為屬性節點與建立元素節點同樣的方式，如$("<div id='test' class='aaron'>我是文本節點</div>")

7   append這個操作與對指定的元素執行原生的appendChild方法，将它們添加到文檔中的情況類似

8   appendTo使用這個方法颠倒了正常的$(A).append(B)的操作，既不是把B追加到A中，而是把A追加到B中

9   append()和appendTo()的操作方法

   append(content)向每個比對的元素内部追加内容

   appendTo(content)把所有比對的元素追加到另一個指定的元素集合中

10   .append()和.appendTo()兩種方法功能相同，主要的不同是文法、内容和目标的位置不同