JQDOM節點操作03

2021-10-01 06:33:03 字數 889 閱讀 6948

//找到當前標籤插入當前標籤後面

$("#p1").after($("#p2"));

//找到當前標籤插入當前標籤前面

$("#p1").insertafter($("#p2"));

//替換節點

//p1 替換成 p2

$("#p1").replaceall($("#p2"));

//p2 替換成 p1

$("#p1").replacewith($("#p2"));

//建立dom節點

var $newdom = $("helloword");

//將建立的節點新增到ul裡面追加

//或者

//將建立的節點新增到ul裡面最前面

$("ul").prepend($newdom);

//或者

$newdom.prependto("ul");

//在ul的同輩節點之後新增dom節點

$("ul").after($newdom);

//在ul的同輩節點之前新增dom節點

$("ul").before($newdom);

//刪除下標為2的dom節點

$("ul li:eq(2)").remove();

$("ul li:eq(2)").detach();

$("ul li:eq(2)").empty();

//複製節點下標為2追加到ul後面

//獲取節點的屬性

console.log($("input").attr("type"));

//修改節點屬性

$("input").attr();

//清除節點屬性

$("input").removeattr("type");

03 節點認識

1 元素節點 例如 p元素 a元素 2 文字節點 不是所有的元素節點都包含有文字節點 don t forget to buy this stuff 其中 don t forget to buy this stuff 就是一文字節點。3 屬性節點 用來對元素做出更具體的描述 dont forget t...

節點和節點操作

節點 一般的,節點擁有nodetype 節點型別 nodename 節點名稱 和nodevalue 節點值 這三個基本屬性.頁面中所有元素都是節點 元素節點 nodetype 為1 屬性節點 nodetype 為2 文字節點 nodetype 為3 文字節點包括文字.空格.換行等 利用dom樹可以把...

查詢節點 操作節點 刪除節點

insertbefore 在指定的已有子節點之前插入新的子節點 ul.insertbefore linew,li2 replacechild 該方法用新節點替換某個子節點 兩個引數 replacechild 要插入的節點,被替換的節點 返回被替換的節點 document.body.newnode v...