jQuery的append方法是向被選元素的結尾處添加內容。如果我們想要向一個元素添加多次內容,我們可以多次調用append方法。比如下面的例子,我們向id為container的div元素中添加三個p標簽:
$(document).ready(function(){ $("#container").append("第一個p標簽
"); $("#container").append("第二個p標簽
"); $("#container").append("第三個p標簽
"); });
上述代碼會將三個p標簽依次添加到id為container的div元素中。
如果我們想要一次性添加多個元素,我們可以將它們封裝在一個變量中,然后調用append方法。比如下面的例子,我們使用一個變量來封裝三個p標簽,然后將它們一次性添加到id為container的div元素中:
$(document).ready(function(){ var myPtags = "第一個p標簽
第二個p標簽
第三個p標簽
"; $("#container").append(myPtags); });
上述代碼與前面的代碼效果相同,只不過使用了變量來封裝p標簽。
如果我們不想要將新添加的內容直接放在被選元素的結尾處,我們可以使用appendTo方法。比如下面的例子,我們向id為container的div元素中添加三個p標簽,但是將它們添加到一個新建的div元素中:
$(document).ready(function(){ var myPtags = "第一個p標簽
第二個p標簽
第三個p標簽
"; $("").append(myPtags).appendTo("#container"); });上述代碼會將三個p標簽放到一個新建的div元素中,然后將這個div元素添加到id為container的div元素中。
總結來說,使用jQuery的append方法可以向被選元素的結尾處添加內容。如果我們想要添加多個元素,我們可以多次調用append方法或者將它們封裝在一個變量中一次性添加。如果我們要將新添加的內容放在其他位置,可以使用appendTo方法。