1)父元素.append(子元素)方法函數
描述:在父元素的最后面添加子元素 示例:
html代碼: <p>我想說:</p>
jQuery代碼:
$("p").append("<b>你好</b>");
結果: <p>我想說:<b>你好</b></p>
2)子元素.appendTo(父元素)方法函數
描述:將子元素追加到父元素的最后面。
示例: html代碼: <p>我想說:</p>
jQuery代碼: $("<b>你好</b>").appendTo("p");
結果: <p>我想說:<b>你好</b></p>
3)父元素.prepend(子元素)方法函數
描述:將子元素追加到父元素的最前面
示例: html代碼:<p>我想說:</p>
jQuery代碼: $("p").appendTo("<b>你好</b>");
結果: <p><b>你好</b>我想說:</p>
4)子元素.prependTo(父元素)方法函數
描述:將子元素追加到父元素的最前面
示例:
html代碼: <p>我想說:</p>
jQuery代碼: $("<b>你好</b>").appendTo("p");
結果: <p><b>你好</b>我想說:</p>
5)元素A.after(元素B)方法函數
描述:將元素B插入到元素A的后面,但不在元素A內部。
示例: html代碼: <p>我想說:</p>
jQuery代碼:$("p").after("<b>你好</b>");
結果: <p>我想說:</p><b>你好</b>
6)元素A.insertAfter(元素B)方法函數
描述:將元素A插入到元素B后面,但不在元素B內部。
示例: html代碼: <p>我想說:</p>
jQuery代碼: $("<b>你好</b>").after("p");
結果: <p>我想說:</p><b>你好</b>
7)元素A.before(元素B)方法函數
描述:將元素B插入到元素A的前面,但不在元素A內部。
示例: html代碼: <p>我想說:</p>
jQuery代碼: $("p").before("<b>你好</b>");
結果: <b>你好</b><p>我想說:</p>
8)元素A.insertBefore(元素B)方法函數
描述:將元素A插入到元素B的前面,但不在元素B內部。
示例:
html代碼: <p>我想說:</p>
jQuery代碼: $("<b>你好</b>").insertBefore("p");
結果: <b>你好</b><p>我想說:</p>