jquery怎麼增加子元素

增加子元素的方法：1、用「$(父元素).append(子元素)」語句；2、用「$(父元素).prepend(子元素)」語句；3、用「$(子元素).appendTo(父元素)」語句；4、用「$(子元素).prependTo(父元素)」語句。

本教學操作環境：windows7系統、jquery1.10.2版本、Dell G3電腦。

jquery新增子元素

#1、append方法

#在每個符合元素內的結尾處插入參數內容

參數類型說明：

1）普通字串(可包含各種html標籤)

$('body').append('html字符串');

2） jQuery物件

①使用$函數建立的新元素(jQuery物件)

②使用$函數取得頁面中已經有的元素(jQuery物件)

此時會將已有的元素移動到目標元素內，就是被剪下了

<script type="text/javascript">
    $(function(){
            $getParagraph=$("p");//运行后p段落会变成div的子元素
            $("#oo").append($getParagraph);
        }
    );
</script>

<p>段落</p>
<div id="oo">div</div>

③使用clone方法複製頁面中已經有的元素(jQuery物件)

$getParagraph=$("p").clone();//这样就避免了p段落会变成p的子元素

3）html元素物件、html元素物件數組

====以上類型的參數可傳入多個，每個參數都會插入到匹配元素！ ===

4）函數

有多少個匹配元素，這個函數就會執行多少次

函數可以接受到兩個參數：第一個是當前元素的序號、第二個是目前元素內的html

函數內部this代表目前的html元素物件

return 的資料就是插入的內容（可以是html元素，也可以是jQuery物件）

2、prepend方法

將參數內容插入到每個符合元素內部的最前面

$(A).prepend(B)

$(A). prepend(B) 表示往A 內部的開始處插入B。

3、appendTo方法

將符合的元素插入到目標元素內部的最後面(同append)

$(A).appendTo(B)

$(A). appendTo(B) 表示將A 插入B 內部的末端處。 4、prependTo方法

######將符合的元素插入到目標元素內部的最前面(同prepend)###

$(A).prependTo(B)

###$(A). prependTo(B) 表示將A 插入B 內部的起始處。 ######【推薦學習：###jQuery影片教學###、###web前端開發影片###】###

以上是jquery怎麼增加子元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！