jQuery中的append()方法是一種動(dòng)態(tài)添加內(nèi)容到元素的方法。它可以通過一個(gè)參數(shù)向目標(biāo)元素追加任何類型的內(nèi)容,包括HTML、文本或元素。
$(selector).append(content,function(index,html))
這里,selector是需要追加內(nèi)容的目標(biāo)元素的CSS選擇器,content是要追加的內(nèi)容,function是可選的回調(diào)函數(shù)。回調(diào)函數(shù)會(huì)在每個(gè)目標(biāo)元素上調(diào)用,用于更新HTML。
在沒有回調(diào)函數(shù)的情況下,append()將追加內(nèi)容作為原始HTML插入到選定元素的結(jié)尾處。
$(selector).append('This is some dynamic content!
');
如果需要將多個(gè)元素插入到文檔中,可以使用追加多個(gè)元素的方法。下面的代碼將把兩個(gè)div元素添加到文檔中:
$(selector).append($('', { 'class': 'box', 'data-id': val.id }), $('', { 'class': 'box', 'data-id': val.id }));
在上面的代碼中,$('
')語法創(chuàng)建了兩個(gè)新的div元素,并添加到目標(biāo)元素中。append()方法也可以在每個(gè)元素上調(diào)用回調(diào)函數(shù)。在這種情況下,將為每個(gè)目標(biāo)元素調(diào)用回調(diào)函數(shù),并將其返回值添加到配對(duì)目標(biāo)元素中。
$(selector).append(function(index){ return 'Append item ' + (index + 1); });
通過使用append()方法,可以輕松地添加任意內(nèi)容到選中元素中,從而動(dòng)態(tài)地改變文檔內(nèi)容。