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

標籤：動態添加   app   方法   元素   一個   bsp   taf   意思   插入   

一、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區別