jQuery中的append()函數(shù)是一種強大的方法來添加HTML元素到DOM中。與其他方法相比,它非常方便,并且可以使您在處理大量數(shù)據(jù)時更快地渲染您的頁面。顧名思義,append()函數(shù)會使用選擇器選中一個元素,然后在其內(nèi)部或之后插入新元素。
在下面的代碼中,我們演示如何使用jQuery的append()函數(shù)在HTML文檔中添加一個圖像元素。我們首先使用jQuery選擇器從文檔中選中一個div元素,然后使用append()函數(shù)將圖像添加到該元素中。
<!DOCTYPE html> <html> <head> <title>添加圖像</title> <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script type="text/javascript"> $(document).ready(function() { // 選中div元素并將圖像添加進去 $('div').append('<img src="https://picsum.photos/200">'); }); </script> </head> <body> <div></div> </body> </html>
在上面的代碼中,我們通過使用選擇器選中了文檔中的div元素并使用append()函數(shù)將一個隨機的圖片添加到該元素之后。當頁面加載完成后,您將看到如下圖所示的隨機圖片:
總之,使用jQuery的append()函數(shù)是一種方便快捷的方式來向DOM中添加元素。在本例中,我們使用它向HTML文檔中添加一張圖片。按照這種方法,您可以根據(jù)需要添加任意的HTML元素。