jQuery節點操作

2021-09-11 02:24:59 字數 978 閱讀 6950

jquery節點操作：

建立節點

var $a=$('baidu');
新增節點

a.新增到子元素的最後面（常用）

//在$("div")的內部最後追加乙個$("p")

b.新增到子元素的最前面

$("div").prepend($("p"));


//在$("div")的內部最前面新增乙個$("p")


$("p").prependto($("div"));


//在$("div")的內部最前面新增乙個$("p")，可以寫選擇器，比如$("p").prependto("#dv");
c.新增兄弟元素

$('div').after($("p"));//在$("div")的外部後面新增乙個兄弟元素$("p")


$('div').before($("p"));//在$("div")的外部前面新增乙個兄弟元素$("p")
清空節點（清除子元素）

$("div").html("");


//對$("div")的內容賦值為 空字串，這種方法清空節點，不能清楚原子元素的事件，會佔記憶體，造成記憶體洩漏


$("div").empty();


//常用的清除節點方法，可以連同事件一起清除
刪除節點（自殺了）

$("div").remove();


//刪除自己，自己把自己乾掉了
5.轉殖節點

jquery.clone(boolean);


//clone方法，這是一種深度複製的方法，返回值為 轉殖所得的新的jquery物件


//可傳入乙個boolean型別引數


//值為true，會複製原物件具有的事件，值為false，不會複製原物件具有的事件


//預設值為false

jQuery節點操作

動態建立元素 建立出來的元素是乙個jquery物件 1 完整的標籤 動態建立元素 模擬js中的document.createlement 只不過這個方式裡面放的是完整的標籤 例如 建立乙個li標籤 2 html 完整的標籤 新增元素 作用 在被選元素內部的最後乙個子元素 或內容 後面插入內容 存在 ...

jQuery 節點操作

首先建立節點 var button1 建立了乙個按鈕節點 img remove img title 這是建立的節點 刪除 title 這是建立的節點 的img節點 img eq 0 remove 刪除索引為0的img節點 插入節點 p1 after pstr 在節點p1的後面插入pstr節點 p1 ...

jquery 節點操作

節點操作八種方法 子節點操作 prependto ul 將建立的li節點插入到ul頭部 父節點操作 ul prepend 將建立的li插入到ul頭部 兄弟節點操作 li after 在選中節點後面新增建立的節點li li before 在選中節點前面新增建立的節點li insetafter li 將...