jQuery 節點操作

我是h1標籤<

/h1>
"./jquery.min.js"
>
<
/script>
// jquery的節點操作
// 1,建立節點********
// 給乙個變數,賦值,賦值形式是 $('你要建立的標籤')
// 建立了乙個div標籤節點
const odiv1 =$(
'我是div標籤1')
;// 建立標籤的同時,可以定義標籤的屬性和屬性值
const odiv2 =$(
'我是div標籤2')
;// 2,寫入節點*********
// 為了方便鏈式程式設計,jquery中提供了多種寫入節點的方法
// 在最後 --- 父子關係$(
'h1').
(odiv1);$
('h1').
($()
);// 在最後 --- 父子關係
odiv2.($
('h1'))
;$('我是span').
($('h1'))
;// (3), $(父級元素).prepend(子級標籤)
// 在起始 --- 父子關係$(
'h1').
prepend
(odiv1)
;// (4) 子級標籤.prependto( $(父級標籤) )
// 在起始 --- 父子關係
odiv2.
prependto($
('h1'))
;// (5) 已有標籤.after(新增標籤) 
// 在之後 --- 兄弟關係$(
'h1').
after
(odiv1)
;// (6) 新增標籤.insertafter(已有的標籤) 
// 在之後 --- 兄弟關係
odiv2.
insertafter($
('h1'))
;// (7) 已有標籤.before(新增標籤) 
// 在之後 --- 兄弟關係$(
'h1').
before
(odiv1)
;// (8) 新增標籤.insertbefore(已有的標籤) 
// 在之後 --- 兄弟關係
odiv2.
insertbefore($
('h1'))
; 總結:
1,建立標籤,是使用 js 的語法定義變數,來儲存
jquery中,定義的都是js的操作方法,沒有定義變數的語法
要想定義變數,必須是 js 語法
2,寫入時,可以直接寫入 js語法變數 中儲存的標籤物件
也可以直接寫入 $
(建立的標籤)
3,寫入語法,為了方便鏈式程式設計 
具體使用那種語法,完全看,你當前的標籤物件是哪個
父子在最後
$(父級)
.(子級)
子級.($
(父級)
) 在之前
$(父級)
.prepend
(子級)
子級.prependto($
(父級)
) 兄弟
在之後$
(已有標籤)
.after
(新增標籤)
新增標籤.
insertafter($
(已有標籤)
) 在之前
$(已有標籤)
.before
(新增標籤)
新增標籤.
insertbefore($
(已有標籤)
)<
/script>

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 可以...