1. 程式人生 > >JQuery動態創建、刪除DOM元素

JQuery動態創建、刪除DOM元素

追加 first 其他 before link AI pen ext 追加元素

動態創建Dom節點

1.使用$(html字符串)來創建Dom節點

2.append方法用來在元素的末尾追加元素

3.prepend,在元素的開始添加元素。 prependTo。after,在元素之後添加元素(添加兄弟)。before:在元素之前添加元素(添加兄弟)。

刪除節點

(1)remove()刪除選擇的節點

(2)empty()是將節點清空,清除節點的innerHTML,節點還在

動態創建Dom節點示例:

1.使用$(html字符串)來創建Dom節點,並且返回一個jQuery對象,然後調用append等方法將新創建的節點添加到其他節點(元素)中:

var link = $("<a href=‘http://www.baidu.com‘>百度</a>");
                $("div:first").append(link);

$()創建的就是一個jQuery對象,可以完全進行操作

var link = $("<a href=‘http://www.baidu.com‘>百度</a>");
                link.text("百毒");
                $("div:first").append(link);

  

JQuery動態創建、刪除DOM元素