1. 程式人生 > >jquery動態插入append、prepend、before、after區別

jquery動態插入append、prepend、before、after區別

after rep 參數 使用 方法 插入 query 意思 jquery對象

一、after()和before()方法的區別

after()——其方法是將方法裏面的參數添加到jquery對象後面去;
如:A.after(B)的意思是將B放到A後面去;

before()——其方法是將方法裏面的參數添加到jquery對象前面去。
如:A.before(B)的意思是將A放到B前面去;

二、insertAfter()和insertBefore()的方法的區別
其實是將元素對調位置;

可以是頁面上已有元素;也可以是動態添加進來的元素。

如:A.insertAfter(B);即將A元素調換到B元素後面;
如<span>CC</span><p>HELLO</p>使用$("span").insertAfter($("p"))後,就變為<p>HELLO</p><span>CC</span>了。兩者位置調換了

三、append()和appendTo()方法的區別

append()——其方法是將方法裏面的參數添加到jquery對象中來;
如:A.append(B)的意思是將B放到A中來,後面追加,A的子元素的最後一個位置;

appendTo()——其方法是將jquery對象添加到appendTo指定的參數中去。
如:A.appendTo(B)的意思是將A放到B中去,後面追加,B的子元素的最後一個位置;

四、prepend()和prependTo()方法的區別

prepend()——其方法是將方法裏面的參數添加到jquery對象中來;
如:A.append(B)的意思是將B放到A中來,插入到A的子元素的第一個位置;

prependTo()——其方法是將jquery對象添加到appendTo指定的參數中去。
如:A.appendTo(B)的意思是將A放到B中去,插入到B的子元素的第一個位置;

jquery動態插入append、prepend、before、after區別