jQuery基礎（二）—DOM篇

課程簡介

教程總共分為4個部分，分別是樣式篇、事件篇、動畫篇、DOM篇。此為第二個部分—DOM篇。本教程主要講解jQuery中節點的創建、插入、刪除與替換，除此之外我們還可以了解到jQuery中豐富的遍歷節點的方法。

第1章課程介紹

本章主要介紹jQuery中的節點操作以及新增的一些方法對我們開發中的幫助。

1-1jQuery基礎(二)—DOM篇課程介紹(01:31)

第2章DOM節點的創建

DOM由節點構成，理解和掌握節點是很重要的，本章介紹如何創建DOM節點及節點屬性。

2-1DOM創建節點及節點屬性

2-2jQuery節點創建與屬性的處理

第3章DOM節點的插入

本章主要介紹DOM操作中如何插入元素、在相應元素前後插入元素，掌握在網頁中添加元素。

3-1DOM內部插入append()與appendTo()

3-2DOM外部插入after()與before()

3-3DOM內部插入prepend()與prependTo()

3-4DOM外部插入insertAfter()與insertBefore()

第4章DOM節點的刪除

本章主要介紹DOM操作中如何刪除元素，並介紹多種刪除方法，同時對這些方法進行對比及注意事項。

4-1DOM節點刪除之empty()的基本用法

4-2DOM節點刪除之remove()的有參用法和無參用法

4-3DOM節點刪除之empty和remove區別

4-4DOM節點刪除之保留數據的刪除操作detach()

4-5DOM節點刪除之detach()和remove()區別

第5章DOM節點的複製與替換

本章主要介紹DOM操作中如何使用jQuery複製和替換DOM節點，對現有元素進行操作。

5-1DOM拷貝clone()

5-2DOM替換replaceWith()和replaceAll()

5-3DOM包裹wrap()方法

5-4DOM包裹unwrap()方法

5-5DOM包裹wrapAll()方法

5-6DOM包裹wrapInner()方法

第6章jQuery遍歷

本章介紹使用jQuery進行網頁中內容進行遍歷，找出網頁中的相應元素。

6-1jQuery遍歷之children()方法

6-2jQuery遍歷之find()方法

6-3jQuery遍歷之parent()方法

6-4jQuery遍歷之parents()方法