jQuery节点的添加和插入


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>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM