在 jQuery 中,append() 是一個非常重要的方法,用于向指定元素的結尾處添加內容。我們可以使用 append() 方法向頁面中添加任何類型的內容,例如 HTML 元素、文本字符串、HTML 代碼、jQuery 對象等等。
$(selector).append(content);
其中,selector 表示需要添加內容的元素或選擇器,content 則表示需要添加的內容。content 可以是一個或多個由逗號分隔的參數,每個參數將按照添加的順序添加到 selector 元素的結尾處。
除了 append() 方法,jQuery 還提供了許多其他方法來操作 DOM 元素,例如 prepend()、before()、after() 等等。這些方法的作用與 append() 類似,不同之處在于它們所添加的位置不同。
$(selector).prepend(content); // 將 content 添加到 selector 元素內部的開頭 $(selector).before(content); // 將 content 添加到 selector 元素前面 $(selector).after(content); // 將 content 添加到 selector 元素后面
需要注意的是,當向一個元素多次添加內容時,添加的元素將按照添加的順序出現在該元素內部。例如:
$("div").append("Hello
"); $("div").append("World
"); $("div").append("jQuery
");
以上代碼將在每個 div 元素的結尾處依次添加三個段落元素,分別顯示 Hello、World 和 jQuery。
總之,jQuery 的 append() 方法是一個非常有用的方法,可以方便快捷地操作 DOM 元素,實現網頁內容的動態添加和更新。