JQuery基礎課程：JQuery中的DOM作業介紹

    一種與瀏覽器，平台，語言無關的介面。使用此介面可以輕鬆存取頁面中所有的標準元件。

         DOM Core：DOM Core 並非專屬於 JavaScript，任何一種支援 DOM 的程式設計語言都可以使用它。它的用途並非僅限於處理網頁，也可以用來處理任何一種是用標記語言編寫出來的文檔，例如：XML。

HTML DOM：使用 JavaScript 和 DOM 為 HTML 檔案編寫腳本時，有許多專屬於HTML-DOM的屬性。

CSS-DOM：針對於CSS操作，在JavaScript中，CSS-DOM 主要用於取得和設定 style 物件的各種屬性。

1.請參閱下點的「

」。  

2.建立節點

         使用JQuery的工廠函數，建立新節點：var $newNode = $(「

你好

3.插入節點

         將新建立的節點，或已插入的節點插入指定的位置。

         “$node.append($newNode)”，到每個符合的元素內部的結尾處追加結尾處。如，「$("p").append("Hello");」將"Hello"加到"p"內部的結尾處。

         “$newNode.appendTo($node)”，將新元素追加到每個符合元素內部的結尾處。

         “$node.prepend($newNode)”，在每個符合的元素內部的結尾處追加開始處。如，「$("p").prepend("Hello");」將"Hello"加到"p"內部的起始處。

         “$newNode.prependTo($node)”， 將新元素追加到每個符合元素內部的開始處。

         “$node.after($newNode)”，將內容插入每個符合的元素的之後，是並列兄弟。如，「$("p").after("Hello");」將"Hello"插入到"p"的後邊。它們是兄弟關係。

         “$newNode.insertAfter($node)”，將新元素插入每個符合元素之後。

         “$newNode.before($node)”，內容插入每個符合的元素的先前。如，「$("p").before("Hello");」將"Hello"插入到"p"的前面，它們是兄弟關係。

         “$node.insertBefore($newNode)”，將新元素插入到每個符合元素之前。

         則以注意：如果插入的節點是不是新建立的，則插入將變成移動作業。所以，在插入這樣的節點之前應該要使用clone的節點。

4.刪除節點

         從DOM移除所有符合的元素。如，「$("p").remove(".hello");」刪除所為class屬性值為hello的p元素，還有它下面的所有元素。

         從DOM清除所有符合的元素。如，「$("p").empty();」清除所有p元素，還有它下面的所有元素。

5.複製節點

         複製相符的DOM元素。如，「$("p").clone();」傳回複製後的副本，但不具有任何行為。如果要將DOM的事件一起克隆，則應該使用「$("p").clone(true);」。

6.替換節點

         將所有符合的元素替換為指定的 HTML 或 DOM 元素。如，$("p").replaceWith("Paragraph. ");，將所有p元素，替換為"Paragraph. "。

         與replaceWith相回：$("Paragraph. ").replaceAll("p");。

7.包裹節點

         wrap()：將指定節點用其他標記包起來。此方法對於需要在文件中插入額外的結構化標記非常有用， 而且不會破壞原始文件的語意。如，「$("p").wrap("