天天看點

jQuery| 添加多個标簽元素

在jquery中如何實作添加多個标簽元素?通過 append() 、 prepend() after() 、 before() 方法添加若幹新元素

下面的例子中,我們建立若幹個新元素。這些元素可以通過 text/HTML、jQuery 或者 JavaScript/DOM 來建立。然後我們通過 append() 方法把這些新元素追加到文本中(對 prepend() 同樣有效):

function appendText() { var txt1="<p>文本。</p>"; // 使用 HTML 标簽建立文本 var txt2=$("<p></p>").text("文本。"); // 使用 jQuery 建立文本 var txt3=document.createElement("p"); txt3.innerHTML="文本。"; // 使用 DOM 建立文本 text with DOM $("body").append(txt1,txt2,txt3); // 追加新元素 }

注意:var txt2=$("<p></p>").text("文本。"); txt2傳回的是一個元素,

結果是:<p>文本。</p>

image.png

繼續閱讀