jQuery慢慢啃之文件處理(五)

2022-05-02 23:57:09 字數 3799 閱讀 5993

replaceall這個幾個方法成為乙個破壞性操作,返回值是所有被追加的內容,而不僅僅是先前所選中的元素。所以,要選擇先前選中的元素,需要使用end()方法

3.prepend(content)//向每個匹配的元素內部前置內容。

$("p").prepend("hello");

4.prependto(content)//把所有匹配的元素前置到另乙個、指定的元素元素集合中

$("p").prependto("#foo");

5.after(content|fn)//在每個匹配的元素之後插入內容。

$("p").after("hello");

結果:i would like to say:

hello

6.before(content|fn)//在每個匹配的元素之前插入內容

$("p").before("hello");

結果:[helloi would like to say:

]

8.insertafter(content)//把所有匹配的元素插入到另乙個、指定的元素元素集合的後面。

把所有段落插入到乙個元素之後。與 $("#foo").after("p")相同

i would like to say:

hello

$("p").insertafter("#foo");

hello

i would like to say:

9.insertbefore(content)//把所有匹配的元素插入到另乙個、指定的元素元素集合的前面

$("p").insertbefore("#foo");

10.wrap(html|element|fn)//把所有匹配的元素用其他元素的結構化標記包裹起來

$("p").wrap("

");$("p").wrap(document.getelementbyid('content'));

hello

goodbye

$('.inner').wrap(function() );
hello

goodbye

11.unwrap()//這個方法將移出元素的父元素。這能快速取消 .wrap()方法的效果。匹配的元素(以及他們的同輩元素)會在dom結構上替換他們的父元素。

hello

cruel

world

$("p").unwrap()
hello

cruel

world

12.wrapall(html|ele)//將所有匹配的元素用單個元素包裹起來

$("p").wrapall("

");

$("p").wrapall(document.createelement("div"));

13.wrapinner(htm|element|fnl)//將每乙個匹配的元素的子內容(包括文字節點)用乙個html結構包裹起來

$("p").wrapinner("");

$("p").wrapinner(document.createelement("b"));

hello

goodbye

$('.inner').wrapinner(function() );
hello

goodbye

14.replacewith(content|fn)//將所有匹配的元素替換成指定的html或dom元素

hello

cruel

world

$("p").replacewith("paragraph.");
paragraph.paragraph.paragraph.
15.replaceall(selector)//用匹配的元素替換掉所有 selector匹配到的元素。

hello

cruel

world

$("paragraph.").replaceall("p");
paragraph.paragraph.paragraph.
16.empty()//刪除匹配的元素集合中所有的子節點

hello, person

and person

$("p").empty();

17.remove([expr])//從dom中刪除所有匹配的元素。

這個方法不會把匹配的元素從jquery物件中刪除,因而可以在將來再使用這些匹配的元素。但除了這個元素本身得以保留之外,其他的比如繫結的事件,附加的資料等都會被移除

hello

how are you?

$("p").remove();
how are
18.detach([expr])//從dom中刪除所有匹配的元素 

這個方法不會把匹配的元素從jquery物件中刪除,因而可以在將來再使用這些匹配的元素。與remove()不同的是,所有繫結的事件、附加的資料等都會保留下來

hello

how are you?

$("p").detach();
how are

19.clone([even[,deepeven]])//轉殖匹配的dom元素並且選中這些轉殖的副本。

eventsboolean乙個布林值(true 或者 false)指示事件處理函式是否會被複製。v1.5以上版本預設值是:false

deepeven:乙個布林值,指示是否對事件處理程式和轉殖的元素的所有子元素的資料應該被複製。
建立乙個按鈕,他可以複製自己,並且他的副本也有同樣功能。

clone me!

$("button").click(function());

jQuery慢慢啃之特效(八)

1.show speed,easing fn 顯示隱藏的匹配元素 speed 三種預定速度之一的字串 slow normal or fast 或表示動畫時長的毫秒數值 如 1000 easing optional 用來指定切換效果,預設是 swing 可用引數 linear p show p sho...

jQuery慢慢啃之選擇器(二)

1.mydiv id匹配乙個元素 foo bar 轉義 2.div 元素標籤名匹配 3.myclass css類名匹配 4.匹配所有元素,多用於結合上下文來搜尋 5.指定多個選擇器,把匹配結果組合返回 div p class myclass span p class notmyclass div,s...

jQuery慢慢啃之事件物件(十一)

1.event.currenttarget 在事件冒泡階段中的當前dom元素 p click function event 2.event.data 當前執行的處理器被繫結的時候,包含可選的資料傳遞給jquery.fn.bind。a each function i function e 3.even...