jQuery - 添加元素

添加新的 HTML 内容

我们将学习用于添加新内容的四个 jQuery 方法：

• append() - 在被选元素的结尾插入内容：

  $("p").append("Some appended text.");
  

• prepend() - 在被选元素的开头插入内容：

  $("p").prepend("Some prepended text.");
  

• after() - 在被选元素之后插入内容：

  $("img").after("Some text after");
  

• before() - 在被选元素之前插入内容：

  $("img").before("Some text before");
  

function afterText()
{
var txt1="<b>I </b>";                    // 以 HTML 创建新元素
var txt2=$("<i></i>").text("love ");     // 通过 jQuery 创建新元素
var txt3=document.createElement("big");  // 通过 DOM 创建新元素
txt3.innerHTML="jQuery!";
$("img").after(txt1,txt2,txt3);          // 在 img 之后插入新元素
}