在jQuery中,有一個(gè)非常方便的方法叫做append()。這個(gè)方法可以用來(lái)在HTML文檔中添加新的元素,而不用手動(dòng)編寫(xiě)HTML代碼。
假設(shè)現(xiàn)在我們要將一個(gè)新的div元素添加到一個(gè)已有的div中。我們可以這樣編寫(xiě)jQuery代碼:
$("已有的div的選擇器").append("新的div元素");
在這個(gè)代碼中,我們使用了選擇器來(lái)選中已有的div元素,并使用append()方法在后方添加一個(gè)新的div元素。其中新的div元素使用了HTML標(biāo)記。
除了添加HTML標(biāo)記外,我們還可以在append()方法中使用jQuery對(duì)象來(lái)添加新的元素。假設(shè)我們有一個(gè)jQuery對(duì)象中包含了一個(gè)新的div元素,我們可以這樣編寫(xiě)代碼:
var newDiv = $("新的div元素"); $("已有的div的選擇器").append(newDiv);
在這個(gè)代碼中,我們先創(chuàng)建了一個(gè)新的div元素并將其存儲(chǔ)在一個(gè)變量中(使用jQuery構(gòu)造函數(shù))。然后我們使用append()方法將其添加到已有的div元素中。
需要注意的是,append()方法會(huì)將新元素添加到已有元素的末尾。如果我們希望添加到其它位置,可以使用之前介紹過(guò)的insertBefore()和insertAfter()方法。