jquery之文件處理

2021-10-02 19:41:48 字數 2668 閱讀 6953

$(

".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...