jquery 節點操作

2021-09-24 14:58:18 字數 684 閱讀 1822

節點操作八種方法

子節點操作

$("").prependto($("ul")); 將建立的li節點插入到ul頭部

父節點操作

$("ul").prepend($("")) 將建立的li插入到ul頭部

兄弟節點操作

$("li").after($("")); 在選中節點後面新增建立的節點li

$("li").before($("")); 在選中節點前面新增建立的節點li

$("").insetafter($("li")) 將建立的li插入到選中的li後面

$("").insertbefore($("li")) 將建立的li插入到選中的li前面

包裹元素

$("li").wrap("

") 在每個li元素外面新增div

$("li").wrapall("

"); 在所有li元素外面新增一層div

$("li").unwrap(); 刪除外層元素

$("div").empty(); 清空所有子元素

$("div").remove(); 自殺行為,子元素連同自己都會被清除

$("div").clone(true/false); 預設false轉殖本身和子元素;true則連同事件一起轉殖

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節點操作

jquery節點操作 建立節點 var a baidu 新增節點 a.新增到子元素的最後面 常用 在 div 的內部最後追加乙個 p b.新增到子元素的最前面 div prepend p 在 div 的內部最前面新增乙個 p p prependto div 在 div 的內部最前面新增乙個 p 可以...