jquery動態插入append、prepend、before、after區別
一、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區別