$(
".block"
($(".small"))
;) $(
".small"
($(".block"))
;
//在jquery裡面建立dom
var doms=$(""
);doms.addclass
("two");
//var doms=$(""
)$(".block"
(doms)
after(content|fn) 同級元素之間,將內容加到其後
before(content|fn) 同級元素之間,將內容加到其前
insertafter(content) 與after前後位置顛倒
insertbefore(content)
$(
".child"
).after
($(".small"))
;$(".child"
).before
($(".small"))
;$(".child").after(function (index))$(
".small"
).insertafter
($(".child"))
;$(".small"
).insertbefore
($(".child"))
;
wrap(html|ele|fn) 給匹配到的元素各加乙個html標籤進行包裹
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)
)
replacewith(content|fn)
replaceall(selector) 與replacewith前後位置顛倒
var tihuan=$("")
;tihuan.val
($(".common"
).html()
); //此處取到的值為:若多個相同元素則取的是第乙個
$(".common"
).replacewith
(tihuan)
;$(".common").replacewith(function (index,html)
)tihuan.replaceall
($(".common"))
;
多個元素同時進行替換,替換值不同:
$(".common").each(function ()
)
empty() 將父元素中的所有子節點全部刪除
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物件裡面的沒有刪除 只是介面沒有了 資料和事件之類的還在
clone()
深度轉殖:引數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...