您好,登錄后才能下訂單哦!
本篇文章為大家展示了JQuery中怎么創建一個DOM元素,內容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。
創建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所示。
上述內容就是JQuery中怎么創建一個DOM元素,你們學到知識或技能了嗎?如果還想學到更多技能或者豐富自己的知識儲備,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。