JQuery創建DOM元素方法解析
作者：云霞
這里向大家描述一下如何創建DOM元素，通過給$()函數傳遞包含HTML標記的字符串，可以即時創建相應的DOM元素，相信本文介紹一定會讓你有所收獲。
你知道如何創建DOM元素嗎，這里向大家描述一下，到目前為止可以看出，jQuery的作者使得$()函數（你的記憶里它只是jQuery()函數的別名而已）足夠通用以便履行許多職責，從而避免把一堆全局性的名稱引入JavaScript命名空間。
創建DOM元素
到目前為止可以看出，jQuery的作者使得$()函數（你的記憶里它只是jQuery()函數的別名而已）足夠通用以便履行許多職責，從而避免把一堆全局性的名稱引入JavaScript命名空間。好，還有一個職責需要探討。
通過給$()函數傳遞包含HTML標記的字符串，可以即時創建相應的DOM元素。例如，新建段落元素如下所示：
- $("<p>Hithere!</p>")
但創建無實體的DOM元素（或元素層次結構）不是那么有用。通常，通過這種調用而創建元素層次結構之后，接著利用jQuery的一個DOM操作函數對其進行操作。
請看代碼清單1-1的示例。
代碼清單1-1即時創建HTML元素
此代碼在文檔<body>中建立名為followMe的現有HTML段落元素。在<head>節的腳本塊里，建立文檔就緒處理程序，利用如下語句把新建的段落元素插入DOM樹的現有元素之后：
$("<p>Hithere!</p>").insertAfter("#followMe");
結果如圖1-2所示。
在第2章里將研究整套DOM操作函數，你將看到jQuery提供許多方式去操作DOM，以便獲取我們想要的任何結構。既然你已經了解jQuery的基本語法，下面請看該庫***大的一個特征。
【編輯推薦】
- JavaScript DOM特性與應用詳解
- W3C DOM模型用法詳解
- JavaScript獲取HTML DOM節點元素詳解
- 深入了解JavaScript HTML DOM對象
- 解析HTML DOM Checkbox對象的屬性和方法
責任編輯：佚名
來源：
51cto.com
