建立jQuery節點物件

2022-07-29 16:18:17 字數 1575 閱讀 9894

現在的年輕人,經歷旺盛,每天都熬夜,今天又晚了,現在才更新部落格,今天更新jquery入門之對節點的操作,內容簡單好掌握。認真的燥再來吧。

1、$("") 建立乙個li標籤

//

1、建立節點,$("標籤") 類似js document.createelement("li")

console.log($("

我是li建立的標籤

"))

2、$("ul").html("")

//

2、建立節點,$("ul").html("") 類似js innerhtml 因為此屬性,識別標籤 會覆蓋原來的內容

console.log($("

ul").html("

我是thml建立的li

"))

//

不會覆蓋原來的內容

新增節點

$("

button

").click(function())

}

ul"))

2、perpend 在父盒子最前面新增乙個元素

$("

ul").prepend(li)

perpendto 在父盒子最前面新增乙個元素

li.prepend("

ul")

3、after 操作兄弟元素,新增到兄弟元素最後面

$("

li").after(li)

4、before 操作兄弟元素,新增到兄弟元素最前面

清空節點

1、$("元素").html("空字元") 全部清空

$("

ul").html("")

2、$("元素").empty()全部清空

$("

ul").empty()

3、刪除指定元素 remove 獲取的是兄弟節點

$("

li").eq(0).remove()

複製節點

.clone深層複製

$("

button

").click(function())

案例動態新增**

"button

" value="

獲取資料

" id="

j_btngetdata

" />

標題位址

說明

"j_tbdata

">

"button

" value="

獲取資料

" id="

j_btngetdata

" />

標題位址

說明

"j_tbdata

">

動態新增資料

jQuery的節點建立和寫入

1 建立節點 建立乙個 jquery 的標籤物件 在 中 直接定義標籤 可以直接在建立的標籤節點中,定義屬性,屬性值等 必須寫乙個完整的標籤結構 起始和結束標籤 const odiv1 我是div1 2,寫入標籤節點 1 父級標籤,最後寫入 巢狀關係 2 父級標籤,最後寫入 巢狀關係 3 父級標籤 ...

jquery無限級建立DOM節點

實現 var data child child child child function function setdata name,data 無限級建立dom節點 param opt 引數物件 param parent 父級容器 function createdom opt,parent l 存在...

JQuery獲取 this 子節點物件的方法

相信很多剛接觸jquery的人,很多都會對 this 和this的區別模糊不清,那麼這兩者有什麼區別呢?首先來看看jquery中的 這個符號,實際上這個符號在jquery中相當於jquery 即 this jquery 也就是說,這樣可以返回乙個jquery物件。那麼,當你在網頁中alert id ...