jquery之文件處理

$(

".block"
($(".small"))
;) $(
".small"
($(".block"))
;

//在jquery裡面建立dom

var doms=$(""
);doms.addclass
("two");
//var doms=$(""
)$(".block"
(doms)

before(content|fn) 同級元素之間，將內容加到其前

insertafter(content) 與after前後位置顛倒

insertbefore(content)

$(

".child"
).after
($(".small"))
;$(".child"
).before
($(".small"))
;$(".child").after(function (index))$(
".small"
).insertafter
($(".child"))
;$(".small"
).insertbefore
($(".child"))
;

unwrap() 移除

wrapall(html|ele) 給匹配到的所有元素(若在此中間還有別的元素，直接將它先挪到後面)共用乙個html標籤進行包裹

wrapinner(html|ele|fn) 給匹配到的元素的內容（或文字）分別加html標籤進行包裹

var ele=$(""

);$(".small"
).wrap
(ele)
$(".small"
).wrap("
");$(".small").wrap(function (index))$(
".child"
).unwrap()
;$("p").wrap("
"); //匹配到的p各加乙個div進行包裹
$("p"
).wrapall("
"); //匹配到的p
(若在此中間還有別的元素，)乙個div進行包裹
$("p"
).wrapinner("
");//匹配到的p的內容分別加div進行包裹
$("p").wrapinner(function (index)
)

replaceall(selector) 與replacewith前後位置顛倒

var tihuan=$("")

;tihuan.val
($(".common"
).html()
); //此處取到的值為：若多個相同元素則取的是第乙個
$(".common"
).replacewith
(tihuan)
;$(".common").replacewith(function (index,html)
)tihuan.replaceall
($(".common"))
;

$(".common").each(function ()

)

remove([expr]) 將給定元素刪除

detach([expr]) 只是從jquery物件中刪除,刪除元素之後 ， jquery 物件裡面的沒有刪除 ，只是介面沒有了，資料和事件之類的還在

$(

"ul"
).empty()
;//$(
"ul>li"
).remove()
;//$(
"ul>li"
).remove
(".li3");
//$(
".li3"
).detach()
;// console.log
($(".li3"))
;// console.log
($(".li3"
).html()
); //undefined
($("ul>li"
).detach
(".li3"))
; //jquery物件裡面的沒有刪除 只是介面沒有了 資料和事件之類的還在

深度轉殖：引數true，轉殖dom元素以外還轉殖了事件之類的

淺轉殖：引數false，只是轉殖了dom元素

$(

".small"
).clone
($(".block"))
;//$(
".small"
).clone
(($(
".block"))
;

jquery 文件處理

兩個引數乙個將來是父，乙個將來是子 1 appe ndto 父 1 prependto 父 將1節點插入到父容器的最後乙個節點之後 第乙個子節點之前 父 appe nd 1 父 prepend 1 實現的是和上述一樣的功能 after before兩個引數最終會是兄弟關係 1.after 2 將2插...

JQuery文件處理

p ap pend fun ctio n in dex,html ret urni ndex 這個 集合中的 索引值 htm l 這 個物件原 先的ht ml值 1.2ap pend to c onte nt 把 所有匹配 的元素追 加到另一 個指定的 元素元素 集合中。使用這個 方法是顛 倒了常規...

jQuery 文件處理

this is a paragraph.this is another paragraph.在每個 p 元素的結尾新增內容 在每個 p 元素的結尾新增內容 方法作用 向每個匹配的元素內部追加內容。引數介紹 content 要追加到目標中的內容。用法示例 html 為i come from i lov...