jquery作为JavaScript中很重要的框架，可以满足JavaScript中复杂代码简易化的需求，而且也可以处理JavaScript中不能解决得问题。例如jquery根据不同的方法可以在指定的jquery元素的不同位置添加合适的元素。本文介绍使用jquery添加元素的四种方法：

append()方法在被选元素内部的结尾插入指定内容;

prepend()方法在被选元素内部的开头插入指定内容;

after()方法在被选元素之后插入内容;

before()方法在被选元素之前插入内容。

1.append()方法：在被选元素内部的结尾插入指定内容

$(“p”).append(“在被选元素的末尾插入内容”);

使用实例

$(document).ready(function(){
  $("#btn1").click(function(){
    $("p").append(" <b>Appended text</b>.");
  });

2.prepend()方法：在被选元素内部的开头插入指定内容

$(“p”).prepend(“在被选元素的开头插入内容”);

使用实例

$(document).ready(function(){
  $("#btn1").click(function(){
    $("p").prepend("<b>Prepended text</b>. ");
  });

3.after()方法：在被选元素之后插入内容

$(“button”).after(“在后面添加文本”);

使用实例

$("#btn2").click(function(){
    $("p").after("<b>这是after插入的段落</b>");
});

4.before()方法：在被选元素之前插入内容

$(“button”).before(“在前面添加文本”);

使用实例

$("#btn1").click(function(){
    $("p").before("<b>这是before插入的段落</b>");
});

动力节点在线课程涵盖零基础入门，高级进阶，在职提升三大主力内容，覆盖Java从入门到就业提升的全体系学习内容。全部Java视频教程免费观看，相关学习资料免费下载!对于火爆技术，每周一定时更新!如果想了解更多相关技术，可以到动力节点在线免费观看jQuery视频教程学习哦!