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>